সবাই কেমন আছেন? আমি বেশি একটা ভালো নেই। সামনে পরীক্ষা। পরীক্ষার প্রস্তুতির কারণে ব্লগিং এ সময় দিতেই পারছিনা। আজ কিছুটা সময় খুঁজে বের করে ছোট একটি উইডগেট নিয়ে পোস্ট লিখতে বসলাম।
আজকের পোস্ট লিখব ব্লগস্পট ব্লগের পপুলার পোস্ট উইডগেট নিয়ে। কিন্তু ব্লগের ডিফল্ট পপুলার পোস্ট উইডগেট খুবই সাধারণ একটি গেজেট। কিন্তু একটি ব্লগে পপুলার পোস্ট অর্থাৎ সর্বাধিক পঠিত পোস্ট তালিকা খুবই গুরুত্বপূর্ণ একটি গেজেট। আপনি একজন ব্লগ পাঠক হিসেবে চিন্তা করলেই এর গুরুত্তটি বুঝতে পারবেন। কারণ একটি ব্লগের সর্বাধিক পঠিত বা ভালো লেখাটিই চায় পাঠক পড়তে। তাই আপনার ব্লগে একটি পপুলার পোস্ট গেজেট যুক্ত করার গুরুত্ব বাড়িয়ে বলার কিছু নেই।
আমি আজ এই পপুলার পোস্ট উইডগেটটিকে উপস্থাপন করব একটু ভিন্ন স্টাইলে। যা দেখতে অনেক আকর্ষণীয় এবং রয়েছে হোভার ইফেক্টও।
চলুন তবে দেখে নেই কিভাবে একটি পপুলার পোস্ট উইডগেট ব্লগস্পট ব্লগে যোগ করবেন? নিচের ধাপগুলো অনুসরন করুনঃ
</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%}
সৌজন্যেঃ ব্লগার মারুফ ডট কম
আমি ব্লগার মারুফ। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 11 বছর 2 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 196 টি টিউন ও 1301 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 2 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।
আমি মারুফ। প্রযুক্তিকে ভালোবাসি। তাই গড়তে চাই প্রযুক্তির বাংলাদেশ। পড়াশুনা করছি রংপুরের বেগম রোকেয়া বিশ্ববিদ্যালয়ে অ্যাকাউন্টিং এন্ড ইনফরমেশন সিস্টেমস বিভাগে। আমার ওয়েবসাইটঃ https://virtualvubon.com এবং https://www.rupayon.com
joss hoise