ব্লোগার ব্লোগে পপুলার পোস্ট গ্যাজেট যুক্ত করার পদ্ধতি(way to add popular post widget in blogger blog)
ব্লোগার ব্লোগে পপুলার পোস্ট গ্যাজেট এর গুরুত্ব অনেক।(Popular post widget is important for blogger blog.)ভিজিটর যখন আপনার ব্লোগে
আসবে তখন হয়ত তার জানতে ইচ্ছে হবে যে, এ ব্লোগে সবচাইতে জনপ্রিয় পোস্ট কোনগুলি?যদি আপনি তাকে এই জানার সুযোগ না দেন তাহলে কেমন হবে!আর তাছাড়া যেগুলো আপনার ব্লোগে সর্বাধিক পঠিত
সেগুলো হলেও হতে পারে সার্চ রেজাল্টের প্রথম পাতায় আছে,তাই যদি আপনি একটু গুরুত্ব দেন ভিজিটরের সামনে আপনার ব্লোগের জনপ্রিয় পোস্টগুলির তালিকা সুন্দরভাবে উপস্থাপন করেন তাহলে সেই পোস্টগুলি বেশী বেশী পঠিত হবে,পোস্টগুলির গুগলের সার্চ রেজাল্টের প্রথম পাতায় স্থান দখলের একটা ভাল সুযোগ তৈরি হবে।
সাধারনত আমরা Free template বা থিম ব্যবহার করে থাকি তাই সেই থিম বা টেমপ্লেট এ ভাল স্টাইলিস Popular post widget থাকে না।এজন্য আমাদেরকে একটু পরিশ্রম করে Edit করে সেটা তৈরি করে নিতে হয়।আপনার যদি HTML এ সামান্য জ্ঞান থাকে অর্থাৎ প্রাথমিক বিষয়গুলো জানেন তাহলে আপনিও এ কাজটি করতে পারবেন।
তাহলে চলুন দেখে নেয়া যাক কিভাবে ব্লোগার ব্লোগে একটা সুন্দর এবং স্টাইলিস পপুলার পোস্ট গ্যাজেট যুক্ত করা যায়।
প্রথম কাজঃ
প্রথমে আপনার ব্লোগার একাউন্টে লগিন করে নির্দিষ্ট ব্লোগের ড্যাশবোর্ড এ যান।
এবার লেআউটে/layout গিয়ে যে স্থানে আপনি ভিজিটরকে এটি দেখাতে চান সেখান থেকে একটি গ্যাজেট যুক্ত/add widget বাটনে ক্লিক করুন।
এবার যে পৃষ্ঠাটি আসবে সেখান থেকে Popular post/জনপ্রিয় পোস্ট গ্যাজেটে প্লাস বাটন চিহ্নতে ক্লিক করুন।
এবারে কনফিগার ঠিক করে নিয়ে Save বা সংরক্ষন করুন।
দ্বিতীয় কাজ:
প্রথমে আপনার ড্যাশবোর্ড থেকে টেমপ্লেট সেকশনে ক্লিক করে এডিট HTML বা Html সম্পাদনা বাটনে ক্লিক করুন।
এবার নিচের কোডটি খুৃজে বের করুন।
এখন নিচের কোডগুলি উপরের ওই ছোট কোডটির পূর্বে বসিয়ে টেমপ্লেট সংরক্ষন করুন বা save template বাটনে ক্লিক করুন।
কোডগুলি উপরের ওই ছোট কোডটির পূর্বে বসিয়ে টেমপ্লেট সংরক্ষন করুন বা save template বাটনে ক্লিক করুন।
.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%}
ব্যাস কাজ শেষ।দেখুনতো কেমন হলো আপনার Popular post widget.
বুঝতে সমস্যা হলে মন্তব্য করুন।
ধন্যবাদ
