ব্লগারের অফিসিয়াল পপুলার পোস্টকে দিন নতুন রূপ

আমারা প্রায় সবাই ব্লগারে পপুলার পোস্ট উইজেটটি ব্যবহার করে থাকি। ডিফল্ট ভাবে পপুলার পোস্ট উইজেটটি দেখতে খুবই সাধারন। আর প্রায় সব সাইটেই উইজেটটি একই। আসুন আজ দেখে নেই কিভাবে এই ব্লগারের অফিসিয়াল পপুলার পোস্ট উইজেটকে রাঙিয়ে তুলা যায়।

যেভাবে করতে হয়

ব্লগারে লগিন করে আপনার লেআউটে Popular Posts উইজেটটি অ্যাড করুন।

uncheck snippets and thumbnails

এবার আপনার ব্লগারের Design > Edit HTML এ গিয়ে ]]></b:skin> সার্চ করুন। (ctrl+f) এবং ]]></b:skin> এর উপরের লাইনে নিচের কোডটুকু পেস্ট করুন।

/*--- desitechtunes Popular Posts --- */
.popular-posts ul{padding-left:0px;}
.popular-posts ul li {background: #FFF url(http://1.bp.blogspot.com/_7wsQzULWIwo/ SmodosCuJCI/AAAAAAAABh4/ZSXbVW9Qpa8/s400/261.gif) no-repeat scroll 5px 10px;
list-style-type: none;
margin:0 0 5px 0px;
padding:5px 5px 5px 20px !important;
border: 1px solid #dddddd;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
.popular-posts ul li:hover {
border:1px solid #6BB5FF;
}
.popular-posts ul li a:hover {
text-decoration:none;
}

পেস্ট করা হয়ে গেলে HTML বক্সটি সেভ করুন, তাহলেই আপনার ডিফল্ট পপুলার পোস্ট উইজেটটি একটি নতুন রূপ পাবে।