কপি এবং শেয়ার বোতাম সহ ব্লককোট - আপনি কি আপনার শায়রি ওয়েবসাইট বা উদ্ধৃতি ব্লগকে আরও ভাল দেখাতে চেষ্টা করছেন? ঠিক আছে, আমি আপনার জন্য জিনিস পেয়েছি! এই নির্দেশিকায়, আমি আপনাকে দেখাব কিভাবে কপি এবং শেয়ার বোতামগুলির সাথে একটি ব্লককোট যোগ করতে হয় এবং কীভাবে আপনার শায়রি বক্সটিকে দুর্দান্ত দেখাতে স্টাইল করতে হয়। আপনি ব্লগার বা ওয়ার্ডপ্রেস ব্যবহার করুন না কেন, এই CSS এবং JS স্ক্রিপ্ট আপনার জন্য কাজ করবে। আসুন আপনার ওয়েবসাইটটিকে আলাদা করা যাক!
আমি আপনার জন্য Quotify Styler নামে একটি নতুন টুল তৈরি করেছি। তবে আপনি এটি ব্যবহার করার আগে, আসুন এটি কী করে তা জেনে নেওয়া যাক।
Quotify Styler ওয়েবসাইটগুলির জন্য জাদুর মত, বিশেষ করে যারা শায়রি শেয়ার করে। এটি ব্লককোট ট্যাগগুলিকে জটিল কোডের প্রয়োজন ছাড়াই দুর্দান্ত দেখায়।
শুধু আমাদের টুল ব্যবহার করুন, এবং আপনার উদ্ধৃতি আশ্চর্যজনক দেখাবে! এছাড়াও, আপনি সহজেই আপনার সাইটের ভাইবের সাথে মেলে বিভিন্ন স্টাইল বেছে নিতে পারেন।
Quotify Styler আপনার জন্য কি করতে পারে তা একটু ঘনিষ্ঠভাবে দেখে নেওয়া যাক:
1. সহজ সেটআপ: আপনাকে প্রযুক্তিবিদ হতে হবে না। শুধু কোডের 2টি লাইন কপি এবং পেস্ট করুন, এবং আপনি আপনার উদ্ধৃতিগুলিকে দুর্দান্ত দেখাতে প্রস্তুত।
2. কাস্টমাইজেশন: আপনার উদ্ধৃতিগুলি আপনার ওয়েবসাইটের শৈলীর সাথে নির্বিঘ্নে মিশেছে তা নিশ্চিত করতে বিভিন্ন রঙ থেকে চয়ন করুন৷ আপনি এটি সাহসী বা সূক্ষ্ম পছন্দ করুন না কেন, প্রত্যেকের জন্য কিছু আছে।
3. সমস্ত ডিভাইসে কাজ করে: আপনার ভিজিটররা কম্পিউটার, ট্যাবলেট বা ফোন ব্যবহার করে থাকুক না কেন, আপনার উদ্ধৃতিগুলি সর্বদা দুর্দান্ত দেখাবে৷ Quotify Styler নিশ্চিত করে যে তারা যেকোনো স্ক্রীন সাইজের জন্য অপ্টিমাইজ করা হয়েছে।
4. সোশ্যাল শেয়ার বোতাম: আপনার শ্রোতাদের জন্য তাদের প্রিয় সোশ্যাল মিডিয়া প্ল্যাটফর্মে আপনার উদ্ধৃতিগুলি শেয়ার করা অত্যন্ত সহজ করে তুলুন৷ ভালবাসা ছড়িয়ে দিন এবং আপনার উদ্ধৃতিগুলিকে শুধুমাত্র একটি ক্লিকের মাধ্যমে বৃহত্তর শ্রোতাদের কাছে পৌঁছাতে দিন।
5. পাঠ্য অনুলিপি করুন: আপনার দর্শকদের সরাসরি আপনার উদ্ধৃতি থেকে পাঠ্য অনুলিপি করার সুবিধা দিন। একটি সাধারণ ক্লিকের মাধ্যমে, তারা তাদের পছন্দের লাইনগুলি ধরতে পারে এবং তাদের পছন্দের যেকোনো জায়গায় সেগুলি ভাগ করতে পারে৷
এখন যেহেতু আমরা Quotify Styler Script (CDN) কী করতে পারে তা ভালোভাবে বুঝতে পেরেছি, আসুন আমরা শিখি কিভাবে ব্লগার এবং ওয়ার্ডপ্রেস উভয় ওয়েবসাইটেই কপি এবং শেয়ার বোতামের সাথে ব্লককোট যোগ করতে হয়। প্রথমে, আসুন একটি ওয়ার্ডপ্রেস সাইটে Quotify Styler সেট আপ করি।
Quotify Styler সেট আপ করতে এবং আপনার ওয়ার্ডপ্রেস ওয়েবসাইটে কপি এবং শেয়ার বোতাম সহ ব্লককোট যোগ করতে, এই পদক্ষেপগুলি অনুসরণ করুন:
1. আপনার ওয়ার্ডপ্রেস অ্যাডমিন ড্যাশবোর্ডে লগ ইন করুন।
2. প্লাগইন> নতুন প্লাগইন যোগ করুন বিভাগে নেভিগেট করুন।
3. ইনসার্ট হেডার এবং ফুটার্স নামক একটি প্লাগইন অনুসন্ধান করুন।
4. আপনার ওয়ার্ডপ্রেস ওয়েবসাইটে ইনসার্ট হেডার এবং ফুটার্স প্লাগইন ইনস্টল এবং সক্রিয় করুন।
5. এখন, সেটিংস > WP হেডার এবং ফুটার-এ যান। আপনি একটি স্ক্রীন দেখতে পাবেন যেখানে আপনি কোড ইনপুট করতে পারেন।
6. হেডার বিভাগে, CSS CDN লিঙ্কের নিম্নলিখিত দুটি লাইন পেস্ট করুন:
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/MaheshTechnicals/Quotify-Styler-Cdn/styles/style-1/app.css"/>
7. ফুটার বিভাগে, নিম্নলিখিত জাভাস্ক্রিপ্ট (JS) CDN কোড যোগ করুন এবং তারপর পরিবর্তনগুলি সংরক্ষণ করুন:
<script src="https://cdn.jsdelivr.net/gh/MaheshTechnicals/Quotify-Styler-Cdn/styles/style-1/app.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/MaheshTechnicals/Quotify-Styler-Cdn/styles/style-1/app.css"/>
4. তারপর, </body> ট্যাগের আগে নিম্নলিখিত JS কোড (CDN) পেস্ট করুন। এটি সঠিকভাবে কাজ করে তা নিশ্চিত করতে কোডটি সঠিকভাবে যোগ করার বিষয়টি নিশ্চিত করুন।
<script src="https://cdn.jsdelivr.net/gh/MaheshTechnicals/Quotify-Styler-Cdn/styles/style-1/app.js"></script>
5. পরিবর্তনগুলি সংরক্ষণ করুন৷ এটাই! এখন, আপনার সমস্ত ব্লককোট এবং উদ্ধৃতি সঠিকভাবে ডিজাইন করা হবে