ব্লগার সাইটে একটি আকর্ষনীয় ডাউনলোড বাটন যুক্ত করুন

Best stylish Download button html code for Blogger - ব্লগারের জন্য সেরা স্টাইলিশ ডাউনলোড বাটন এইচটিএমএল কোড

প্রিয় পাঠক, আজকে আমি আপনাদের সাথে শেয়ার করব ব্লগার সাইটের জন্য একটি আকর্ষনীয় ডাউনলোড বাটন এইচটিএমএল কোড। ব্লগার সাইটে ডাউনলোড বাটন যুক্ত করা বেশি কঠিন কাজ নয়। আপনার যদি কিছু কোডিং (HTML এবং CSS) সম্পর্কে ধারনা থাকে তবে আপনি খুব সহজেই এটি করতে পারবেন।

ডাউনলোড বাটনটি দেখতে এমন হবে

কিভাবে ব্লগারে একটি আকর্ষনীয় ডাউনলোড বাটন যুক্ত করবেন?

ডাউনলোড বাটন যুক্ত করতে নিচের ধাপগুলো অনুসরণ করুন।

ধাপ - ১

প্রথমে আপনার ব্লগার ড্যাশবোর্ড খুলুন। তারপর "থিম" অপশনে ক্লিক করুন।

ধাপ - ২

এখন আপনাকে "CUSTOMIZE" অপশনে ক্লিক করতে হবে। CUSTOMIZE অপশনে ক্লিক করার পর আপনি আরও তিনটি অপশন দেখতে পাবেন যা হল Background, Advanced এবং Gadgets।

ধাপ - ৩

এখন Advanced অপশনে ক্লিক করুন এবং এর পরে আপনি Theme colors অপশন দেখতে পাবেন সেই অপশনে ক্লিক করুন। তার পরে আপনি এর মধ্যে আরও অনেক অপশন পাবেন। আপনি নিচের দিকে স্ক্রোল করুন এবং 'Add CSS' অপশনটি select করুন।

ধাপ - ৪

এখন Add CSS অপশনে আপনাকে CSS কোডটি পেস্ট করতে হবে। তারপর Save অপশনে ক্লিক করুন।

নিচে Css কোডটি দেওয়া হল -

.mybutton5{

border: none;

outline: none;

text-align: center;

font-size: 15px;

padding: 10px 22px;

background-color: #000000 ;

color: white;

cursor: pointer;

width: auto;

height: auto;

border-radius: 30px;

}

.mycenter{

display: flex;

align-items: center;

justify-content: center;

}

.mybutton5:hover{

background-color: #ff0000

}

ধাপ - ৫

এখন আপনি পোস্টের যেখানে ডাউনলোড বাটন যুক্ত করতে চান

সেখানে HTML কোডটি বসিয়ে দিন।

নিচের HTML কোডটি দেওয়া হল -

<div class="mycenter">

<a href="এখানে ডাউনলোড লিংক হবে" >

<button class="mybutton5">ডাউনলোড করুন</button>

</a>

</div>

ডাউনলোড বাটন যুক্ত করতে কোন ধরনের সমস্যা হলে নিচের কমেন্ট বক্সে আপনার সমস্যাটি জানাতে পারেন। ধন্যবাদ।