ব্লগার ব্লগ এ খুব সুন্দর একটি জনপ্রিয় পোস্ট widget যোগ করুন
আপনারা হয়ত অনেকেই জানেন কিভাবে ব্লগার এর পপুলার পোস্ট WIDGET পরিবর্তন করতে হয় । কিন্তু যারা ব্লগার এ নতুন তাদের blogspot ব্লগ কে সুন্দর করে সাজাতে আমার আই পোস্ট । কিছুদিন পূর্বে এই রকম আর একটি পোস্ট করেছিলাম। এখানে আর এক Design এর পপুলার পোস্ট
WIDGET আছে । লিঙ্ক নিচে...
কাজের ধারা>>>>
আপনার ব্লগার অ্যাকাউন্ট এ লগ ইন করুন এবং ড্যাশবোর্ড এ যান
প্রথম এ Blogger >> Template >> এ যান ।
আপনার ফুল Template টি backup হিশেবে রাখার জন্য ডাউনলোড করে নিন । পরে যদি কোন সমস্যা হয় তাহলে আবার আপলোড করে সেভ করে আগের অবস্থায় ফিরতে পারবেন ।
এখন ক্লিক করুন -> Template -> Edit HTML-> Proceed
তারপর Ctrl+F এর মাধ্যমে খুজে বের করুন ]]></b:skin>
এখন নিছের কোড টি কপি করে ]]></b:skin> এর উপরে পেস্ট করুন ।
.PopularPosts .widget-content ul li{padding:0;position:relative}
.item-snippet {
font-size: 90%;
line-height: 1.2em;
position: absolute;
width: 230px;
background-color: whiteSmoke;
padding: 7px;
border-top: 2px solid #FF0202;
z-index: 2;
left: 300px;
top: 60%;
height: 4.5em!important;
visibility: hidden;
opacity: 0;
transition: all 0.6s cubic-bezier(1,2,0,0) 0s;
-moz-transition: all 0.6s cubic-bezier(1,2,0,0) 0s;
-webkit-transition: all 0.6s cubic-bezier(1,2,0,0) 0s;
-o-transition: all 0.6s cubic-bezier(1,2,0,0) 0s;}
.PopularPosts .widget-content ul li:hover .item-snippet{left:60px;opacity:1;visibility:visible}
.PopularPosts img{width:50px;height:50px}
.PopularPosts .item-title{font-family:'Open Sans Condensed',"Arial Narrow",Arial,sans-serif;font-size:125%}
সব শেষে সেভ করুন এবং আপনার ব্লগ টি রিফ্রেশ করে দেখুন আপনার খুব সুন্দর পপুলার পোস্ট WIDGET
0 comments:
একটি মন্তব্য পোস্ট করুন