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

🏠 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

আপনার পছন্দের আরও কিছু লেখা :

জনপ্রিয় পোস্ট

ন্যানো ব্যানানা (Nano Banana) দিয়ে AI ছবি তৈরির জাদুকরী পরিভাষা: সম্পূর্ণ প্রম্পট গাইড
ব্লগারে সুন্দর কোড বক্স তৈরি করার সহজ টিউটোরিয়াল | 3টি নিয়মে CSS যোগ করুন
PDF to Image & Watermark – Free Online Tool
দৈর্ঘ্য কনভার্টার | মিটার, ফুট, ইঞ্চি, কিলোমিটার, মাইল রূপান্তর
ব্লগারের থিমে Prism.js যোগ করুন | স্বয়ংক্রিয় কোড হাইলাইটিং গাইড (২০২৬)
ব্লগস্পটে কাস্টম রিলেটেড পোস্ট উইজেট: থাম্বনেইল, মার্কার ও সম্পূর্ণ নিয়ন্ত্রণ
Merge & Split PDF – Free Online Tool
স্ট্রাকচার্ড ডেটা (Schema Markup) কী? কেন, কোথায় ও কীভাবে ব্যবহার করবেন — সম্পূর্ণ বাংলা গাইড
ব্লগারে hreflang ট্যাগ ব্যবহার করে যুক্তরাষ্ট্রের পাঠক টার্গেট করার সম্পূর্ণ গাইড (২০২৬)
সস্তায় কম্পিউটার সারাইয়ের দোকান
🏠 সকল অনলাইন টুলস দেখুন