ব্লগার ব্লগের ডিফল্ট বুলেট লিস্ট কাস্টমাইজ করে CSS স্টাইল যুক্ত করুন !

আজকে আপনাদের সঙ্গে দারুন একটি সিএসএস স্টাইল বুলেট লিস্ট শেয়ার করবো আমি আশাবাদী আপনাদের অবশ্যই ভাল লাগবে । আপনি যদি নতুন হন আর বুলেট লিস্ট কোনটাকে বুঝানো হচ্ছে সেটা না বুঝেন তাহলে পোস্ট সম্পূর্ণ পড়ুন বিস্তারিত বুঝতে পারবেন । তাহলে কথা না বাড়িয়ে নিচে থেকে দেখে নিন কিভাবে কাজটি করবেন খুব সহজ কিছু স্টেপ দারাই কাজটি করতে পারবেন ।

উপরের স্টাইল এর মত হবে ডেমো দেখার কিছুই নেই তাহলে নিচে থেকে দেখেনিন কিভাবে যুক্ত করবেন এই স্টাইল আপনার ব্লগে -

কিভাবে ডিফল্ট বুলেট লিস্ট কাস্টমাইজ করে CSS স্টাইল যুক্ত করবেন !

• প্রথমে আপনার ব্লগার অ্যাকাউন্ট লগইন করুন 

• ড্যাশবোর্ড থেকে Template → Edit HTML এ ক্লিক করুন 

• এবার আপনার কীবোর্ড এর CTRL + F প্রেস করে নিচের ট্যাগ খুজুন 

]]></b:skin>

• উপরের ট্যাগ এর ঠিক উপরে নিচের কোড গুল বসিয়ে দিন

.post ul {
list-style:none;
}
.post ul li {
line-height: 1.4em;
background: transparent url(http://3.bp.blogspot.com/-O78x421luhU/UxQhKP_tOrI/AAAAAAAAHgc/db4p3_DTq8Q/s1600/BloggerSpice+Star+Filled.png) no-repeat scroll 0px -1px;
font:14px "Oswald",sans-serif;
margin: 0.3em 0;
padding: 0 0 0.8em 20px;
}
.post ul li:hover {
background: transparent url(http://3.bp.blogspot.com/-08e0G8o2Sdg/UxQhKKuTvQI/AAAAAAAAHgg/1F8dKyo3hrw/s1600/BloggerSpice+Star+Unfilled.png) no-repeat scroll 0px -1px;
}
.post ul li:active{
background: transparent url(http://3.bp.blogspot.com/-O78x421luhU/UxQhKP_tOrI/AAAAAAAAHgc/db4p3_DTq8Q/s1600/BloggerSpice+Star+Filled.png) no-repeat scroll 0px -1px;
}

• এবার Save Template এ ক্লিক করে বেরিয়ে আসুন । 

কিভাবে এই বুলেট লিস্ট ব্যবহার করবেন 

আপনি পোস্ট লিখার অপশনে যান এবং সেখান থেকে যে লিখাতে বুলেট লিস্ট দিতে চান সেই লিখা সিলেক্ট করুন এবং উপর থেকে বুলেট বাটনে ক্লিক করুন -

আশাকরি এবার পরিস্কার ভাবে বিষয়টি বুঝতে পারলেন কোন রকম সমস্যা হলে নিচে কমেন্ট করুন পোস্টটি ভাল লাগলে বন্ধুদের সঙ্গে শেয়ার করুন ।


আজকের মত এই পর্যন্ত আবারও দেখা হবে নতুন কিছু নিয়ে । ভাল থাকবেন সুস্থ থাকবেন । আসসালামু আলাইকুম ।