ব্লগারে কাস্টম বাটন তৈরির সহজ উপায়

🏠 Tools Home › 📁 All Tools[নতুন টুলের নাম]

ব্লগার পোস্টে প্রফেশনাল ডাউনলোড বাটন তৈরি ও যুক্ত করার সহজ নিয়ম (কোডিং ছাড়াই!)

Blogger-Custom-Button-Generator-Tool-Interface
আমাদের স্মার্ট টুল ব্যবহার করে তৈরি করা একটি কাস্টম ডাউনলোড বাটনের নমুনা।
ব্লগিং করার সময় আমাদের অনেক সময় পোস্টে Download, Demo বা Read More বাটন যুক্ত করার প্রয়োজন হয়। সাধারণত যারা কোডিং জানেন না, তাদের জন্য একটি সুন্দর এবং রেসপন্সিভ বাটন তৈরি করা বেশ কঠিন কাজ।

অনেকেই ইমেজ বা ছবি ব্যবহার করে বাটন তৈরি করেন, যা এসইও (SEO) ফ্রেন্ডলি নয় এবং সাইটের স্পিড কমিয়ে দেয়। তাই আজ আমি আপনাদের জন্য নিয়ে এলাম একটি স্মার্ট বাটন জেনারেটর টুল, যা ব্যবহার করে আপনি মাত্র কয়েক সেকেন্ডে নিজের পছন্দমতো বাটন তৈরি করতে পারবেন।

কেন এই বাটনটি ব্যবহার করবেন?

  • এটি সম্পূর্ণ রেসপন্সিভ (মোবাইল এবং ডেস্কটপ সবখানে সুন্দর দেখাবে)।
  • আপনি নিজেই কালার, টেক্সট এবং আইকন পরিবর্তন করতে পারবেন।
  • কোনো ইমেজ ব্যবহার করতে হয় না, তাই পেজ লোডিং স্পিড ঠিক থাকে।
  • বাটনগুলো দেখতে অত্যন্ত আধুনিক ও প্রফেশনাল।

কীভাবে বাটন তৈরি এবং ব্যবহার করবেন? (ধাপে ধাপে গাইড)

ধাপ ১: বাটন জেনারেট করা

প্রথমে আমাদের সাইটের [Button Generator Tool] পেজে যান। সেখানে আপনি বাটনের টেক্সট, আপনার ফাইল লিঙ্ক এবং পছন্দমতো রঙ সিলেক্ট করুন। সাইজ স্লাইডার দিয়ে বাটনটি ছোট বা বড় করে নিন।

ধাপ ২: কোড কপি করা

সবকিছু ঠিক থাকলে নিচে একটি এইচটিএমএল (HTML) কোড অটোমেটিক তৈরি হবে। সেই কোডটির ওপর ক্লিক করে সম্পূর্ণ কোডটি কপি করে নিন।

ধাপ ৩: ব্লগার পোস্টে যুক্ত করা

১. আপনার ব্লগের যে পোস্টে বাটনটি বসাতে চান, সেই পোস্টের এডিটরটি ওপেন করুন।
২. বাম কোণায় থাকা পেনসিল আইকনে ক্লিক করে 'HTML View' সিলেক্ট করুন।
৩. এবার যেখানে বাটনটি দেখাতে চান, সেখানে কপি করা কোডটি পেস্ট (Paste) করে দিন।
৪. এরপর আবার 'Compose View'-তে ফিরে আসুন। দেখবেন আপনার সুন্দর বাটনটি তৈরি হয়ে গেছে!

একটি বিশেষ টিপস:

আপনি যদি বাটনটিকে মাঝখানে (Center) দেখাতে চান, তবে কোডটি পেস্ট করার পর সেটিকে সিলেক্ট করে ব্লগের এলাইনমেন্ট টুল থেকে Center করে দিতে পারেন।

উপসংহার:

আশা করি এই ছোট টুলটি আপনাদের ব্লগিং যাত্রাকে আরও সহজ করবে। কোনো সমস্যা হলে কমেন্ট বক্সে অবশ্যই জানাবেন। আর আপনার যদি আরও কোনো কাস্টম টুলের প্রয়োজন হয়, তাও জানাতে ভুলবেন না!

Post a Comment

0 Comments

🏠 সকল অনলাইন টুলস দেখুন