ব্লগার ব্লগ এ ​​খুব সুন্দর একটি জনপ্রিয় পোস্ট widget যোগ করুন


আপনারা হয়ত অনেকেই জানেন কিভাবে ব্লগার এর পপুলার পোস্ট WIDGET পরিবর্তন করতে হয় । কিন্তু যারা ব্লগার এ নতুন তাদের blogspot ব্লগ কে সুন্দর করে সাজাতে আমার আই পোস্ট । কিছুদিন পূর্বে এই রকম আর একটি পোস্ট করেছিলাম। এখানে আর এক Design এর পপুলার পোস্ট
WIDGET আছে । লিঙ্ক নিচে...
ব্লগস্পট ব্লগ এ যুক্ত করুন কাস্টমাইজ multicolored popular post 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:

একটি মন্তব্য পোস্ট করুন