কিভাবে ব্লগারে Popular Post Widgets সাথে Thumbnails যোগ করবেন

popular-post-widgets-thumbnails
 কিভাবে ব্লগারে Popular Post Widgets সাথে Thumbnails  যোগ করবেন

হেলো বন্ধুরা কেমন আছেন সবাই আজ আপনাদের জন্য অসাধারণ একটি জনপ্রিয় পোস্ট Widgets নিয়ে এসেছি আপনার ব্লগের ভিজিটররা যেন সহজেই  জনপ্রিয় পোষ্টগুলি খুব সহজে ঝামেলা বা অন্য কোন প্রকার সমস্যা ছারা দেখতে পায় তাহলে আপনার ব্লগের জন্য দরকার এই জনপ্রিয় পোস্ট Widgets টি।

এই Widgets টি আপনার ব্লগের সাইডবারে html/JavaScript widget দ্বারা স্থাপন করার পর জনপ্রিয় পোষ্টগুলির সাথে আপনি একটি ছোট ইমেজ থাম্বনিল দেখতে পারবেন। এছারাও পোষ্টের টাইটেল, সামারি, পোষ্টে সর্বমোট মন্তব্যের সংক্ষা, পোষ্টের তারিখ ইত্যাদিও দেখতে পারবেন তো চলুন দেরি না করে দেখে আসি কি ভাবে জনপ্রিয় পোস্ট Widgets স্থাপন করবো।


কি ভাবে জনপ্রিয় পোস্ট Widgets স্থাপন করবো।

১ প্রথমে আপনার ব্লগারে Sign in করুন এরপর Layout সেকশনে যান।

২ এর পর সাইডবার সেকশনে যান  এবং Add a Gadget ক্লিক করুন ক্লিক করার পর নিচের মত একটি উইন্ডো আসবে এখানে HTML/JavaScript ক্লিক করুন নিচের ছবিটির দিকে খেয়াল করুন।

 কিভাবে ব্লগারে Popular Post Widgets সাথে Thumbnails  যোগ করবেন

৩ HTML/JavaScript ক্লিক করার পরে একটি Content বক্স আসবে নিচের ছবিটি দেখুন।

 কিভাবে ব্লগারে Popular Post Widgets সাথে Thumbnails  যোগ করবেন


৪ এখন Content বক্সে নিচের কোডটি পেস্ট করে দিন এবং save template ক্লিক করুন আপনার কাজ শেষ এবার ব্লগে গিয়ে দেখুন।

.popular-posts ul{padding-left:0px;} .popular-posts ul li {list-style-type: none;background: #FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivBI08RbGz7FBCDaeYmbURfkPzK8vnt5prV-Omai49kzIcO7oONpWBcpB4mDYFMxFOcHY5ZK9HRO1BFS-TRi9ujBmuyeHAcyJw055mteZ8g89Zh3Ek_Gqj0q1QC57Bz66REv6j8qygx1o0/s1600/bo-pp-arrow.gif)  no-repeat scroll 5px 10px;border: 1px solid #ddd;padding:5px 5px 5px 20px !important;margin:0 0 5px 0px;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;} .popular-posts .item-thumbnail img {border-radius: 100px;-moz-border-radius: 100px;webkit-border-radius: 100px;  box-shadow: 0 1px 3px rgba(0, 0, 0, .4);-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);}
আজ এই পর্যন্তই আবার দেখা হবে নতুন কোন বিষয় নিয়ে সেই পর্যন্ত ভালো থাকুন আপনার পাশের মানুষটিকে ভালো রাখুন খোদা হাফেজ।



কিভাবে ব্লগারে Popular Post Widgets সাথে Thumbnails যোগ করবেন  কিভাবে ব্লগারে Popular Post Widgets সাথে Thumbnails  যোগ করবেন Reviewed by sohel on February 11, 2019 Rating: 5
Powered by Blogger.