Best 5 Popular Posts Widget For Blogger.

Jab hum blogger par bloge banate hai tab uspar kai tarha ke widget lagte hai taki humare blog ka look accha lage, isse phele bhi humne kai sare widget ki post publish ki or aaj ek or widget ke bare me janege, ji ha aaj hum janege 5 Different Types of Popular Posts Widget For Blogger | 5 alag tarha ke popular posts widget jo blogger blog me laga sakte hai.

popular posts widget for blogger

popular posts widget blog ka sabse best part hota hai jo humare blog ke sabse jayda read hone wale post ki list show karta hai, ye wahi list hoti hai jo humare visitors ko sabse jayda pasand hoti hai jab koi new visitor humare blog par visit karta hai to wo sabse phele humare blog ki popular posts widget ko dekhta hai or usme se koina koi post ko open karke padhta hai.

popular posts widget kai sare fayde hai unme se ek hai blog ka pageview increase hona kyun ki ye humare best post ki list hoti hai aur isko har koi pasand karta hai isliye blogger blog par popular posts widget ka laga hua hona bahut jaruri hota hai, ho sakta hai aap is widget ko apne blog par use bhi karte hoge but hum aapko 5 diffrent types ke popular posts widget ke bare me batane wale hai jo aapke blog look ko better karegi, ye widget bahut hi stylish hone ke sath iska look bahut hi accha hai mujhe ummid hai aapko popular posts widget pasand aayegi, to chaliye jante hai ye kaise lagaye.

Best 5 Popular Posts Widget Blogger Blog Me Kaise Lagaye.

Step 1. sabse phele hum apne blog me popular posts widget add karege. iske liye aap Dashboard >> Layout >> Add gadget par click kare or open hone wale list me se Popular Posts par click kare ab ek popup box open hoga jisko aap niche bataye image ke jaisa set karle or save karle.

popular posts widget for blogger

 

Step 2. ab hume CSS code add karna hai apne Blog me iske liye aap sabse phele blogger Dashboard >> Template >> Edit HTML ke button par click kare.

Popular Posts Widget for blogger

ab aapko apne template ke andar kahi bhi click karna hai or CTRL+F button dabana hai, jiske baad ek search box open hoga usme ]]></b:skin> is code ko paste kare or enter button dabaye. ]]></b:skin> code mile jane ke baad aapko niche diye 5 Different Types Popular Posts code me jo stayli pasand aaye us code ko ]]></b:skin> ke upar add karna hai or template save karna hai.

Read More.

• Blogger Blog Par New Post Kaise Likhe Full Guide Hindi Me.

• Blogger Blog ka Search Description Enable Kaise Kare.

• Android Mobile Me Blogger Template Edit Kaise Kare.

 

Popular Posts Widget Style Number #1

Popular Posts Widget for blogger

.PopularPosts ul li a {font: 14px verdana; color: black;}
.PopularPosts .item-thumbnail {margin: 0 15px 0 0;}
.PopularPosts .item-title {padding-top:20px;}
.PopularPosts .item-thumbnail img
{background:#fff;
height:55px; width:55px;
border:1px solid #fff;
padding:3px;
-moz-border-radius: 100px;
-webkit-border-radius: 100px;
border-radius: 100px;
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);}

Popular Posts Widget Style Number #2.

Popular Posts Widget for blogger

.PopularPosts ul li a {font: 14px verdana; color: black;}
.PopularPosts .item-thumbnail {margin: 0 15px 0 0;}
.PopularPosts .item-title {padding-top:20px;}
.PopularPosts .item-thumbnail img
{background:#fff;
height:55px; width:55px;
border:1px solid #fff;
padding:3px;
-moz-border-radius: 30px/10px;
-webkit-border-radius: 30px/10px;
border-radius: 30px/10px;
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);}

Popular Posts Widget Style Number #3.
Popular Posts Widget for blogger

.PopularPosts ul li a {font: 14px verdana; color: black;}
.PopularPosts .item-thumbnail {margin: 0 15px 0 0;}
.PopularPosts .item-title {padding-top:20px;}
.PopularPosts .item-thumbnail img
{background:#fff;
height:55px; width:55px;
border:1px solid #fff;
padding:3px;
-moz-border-radius: 100px 0px;
-webkit-border-radius: 100px 0px;
border-radius: 100px 0px;
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);}

Popular Posts Widget Style Number #4.

Popular Posts Widget for blogger

.PopularPosts ul li a {font: 14px verdana; color: black;}
.PopularPosts .item-thumbnail {margin: 0 15px 0 0;}
.PopularPosts .item-title {padding-top:20px;}
.PopularPosts .item-thumbnail img
{background:#fff;
height:55px; width:55px;
border:1px solid #fff;
padding:3px;
-moz-border-radius: 20px 0px 20px 0px;
-webkit-border-radius: 20px 0px 20px 0px;
border-radius: 20px 0px 20px 0px;
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);}

Popular Posts Widget Style Number #5.

Popular Posts Widget for blogger

.PopularPosts ul li a {font: 14px verdana; color: black;}
.PopularPosts .item-thumbnail {margin: 0 15px 0 0;}
.PopularPosts .item-title {padding-top:20px;}
.PopularPosts .item-thumbnail img
{background:#fff;
height:55px; width:55px;
border:1px solid #fff;
padding:3px;
-moz-border-radius: 20px 20px 0px 0px;
-webkit-border-radius: 20px 20px 0px 0px;
border-radius: 20px 20px 0px 0px;
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);}

Last Word : Best 5 popular post widget apne me kaise lagaye aur iske fayde kya is bare me hamne aapko full guide kiya ummid hai aap in wedget ko apne website laga kar apne blog look ko better jarur karege.

Popular Posts Widget aapko kaisi lagi ye hume jarur bataye, aapka koi sawal ya sujhav ho to hume comment karke bataye ya pucche, Popular Posts Widget ki is post ko apne dosto me share jarur kare humare letest post ki jankri apne email par pane ke liye email subscribe jarur kare.

Read Also.

• Blogger Me Domain Kaise Add Kare ? How To Set Up a Custom Domain in Blogger.

• Blogger Template Se Footer Credit Link Remove/Hide Kaise Kare.

• Custome Robots.txt Kya Hai ? WordPress aur Blogger Blog Me Kaise Istemaal Kare.

4 COMMENTS

LEAVE A REPLY

Please enter your comment!
Please enter your name here