Blogspot blog me popular post widget kaise lagaye ? Or isay customize kaise kare ?

Posted on
Popular post widget batata hai ki aapke blog me kaun se article ko sabse jyada read kiya gaya hai ya aapke blog me sabse jyada view karne wala post kaun kaun sa hai. Isay dikhane ke liye hum apne blog ke sidebar me Popular post widget use karte hai. Taki hamare blog par aane wale visitors ko pata chal sake ki hamara ye post sabse jada view kiya gaya hai.

Bolgspot blog me popular post widget lagane ka fayda hota hai ?

Jaisa ki hum sabhi jante hai ki popular post wahi hota hai jo aapke blog par sabse jyada read kiya gaya hota hai, agar jo post aapke blog par sabse jyada read hua hai usay hum widget ke jariye apne sidebar me display karte hai to blog par aane wale visitors usay jarur read karenge or aapke blog ka bounce rate bhi improve hoga or average time view bhi improve hoga.

Popular post widget kaise lagaye ?

Blogspot blog me popular post widget kaise lagaye ? Or isay customize kaise kare ?

1. Layout me jaye.
2. Popular post widget lagane ke sabse best jagah hota hai sidebar, isliye spne side bar me Add a Gadget par click kare.
3. Add a Gadget par click karne ke bad ek popup window open hoga waha par Popular Posts par click kare.


Blogspot blog me popular post widget kaise lagaye ? Or isay customize kaise kare ?

1. Popular post widget create  karne ke liye ye form fill karna hoga. Yaha par aapko widgat ka title dena hai, jaisa ki ye popular post widget hai isliye aap title me POPULAR POST likhe.

2. Yaha par aapko select karne hai ki aap kon sa post display karwana chahte ho, agar aap all time select karte ho to jab se aapne apna blog banaya hai tab tak ka popular post display hoga, agar aap Last year select karte ho to last year ka popular post display hoga, agar aap Last 30 days select karte ho to last 30 days ka popular post display hoga or agar aap Last 7 days select karte ho to last 7 days ka popular post display hoga. Aap apne iccha ke mutabik isay select kare.


3. Yaha par aapko select karna hai ki aap apna popular post ko kaise display karwana chahte ho. Agar aap image thumbnail display karwana chahte ho to isay selct kijiye, Snippet ka matlab hota hai aapke artical ka pehla 160 letter display karna, kitna number of post aapko display karwana hai select kijiye.


4. Save par click kijiye.


Ab aap apne blog par dekh sakte hai ki aapka popular post widget create ho gaya hai, Ye kuch aisa najar aayega.

Blogspot blog me popular post widget kaise lagaye ? Or isay customize kaise kare ?


Agar aapko Popular post widget ka ye look pasand hai to congratulation aapne khud se popular post widget dalna sikh liye hai… Lekin agar aapko iska look pasand nahi aaye or aap isay customize karna chahte ho to aap niche diye gaye guide ko follow kare.

Apne popular post widget ko kaise customise kare ?


1. Theme par click kare.
2. Edit Html par click kare.


Ab aapko </b:skin> search karna hai , 

</b:skin>

or niche diye gaye kisi bhi style code ko </b:skin> ke upar paste karna hai. Paste karne ke bad Save theme par click kijiye. Aisa karte hi aapka popular post widget customize ho jayega.

STYLE :1

CODE :

.widget .widget-item-control a img {background: none;height: 20px !important;width: 20px !important;border: none;padding: none;box-shadow: none;-moz-box-shadow: none;-webkit-box-shadow: none;-ie-box-shadow: none;} .sidebar .PopularPosts .widget-content ul li {overflow: hidden !important;height: 73px !important;list-style-type: none !important;list-style: none;padding: 0px 0px 0px;} .sidebar .popular-posts ul {list-style-type: none !important;padding-left:0px !important;} .sidebar .popular-posts ul {padding: 0;margin: 0;counter-reset: popcount;} .sidebar .popular-posts ul li:before {float: right;display: inline-block;position: relative;list-style-type: none;color: #000;background: rgba(247, 247, 247, 1);box-shadow: -2px 2px 10px rgba(187, 187, 187, 0.7);counter-increment: popcount;content: counter(popcount,decimal);font-size: 15px;font-weight: normal;line-height: 20px;right: 1px;top: 0px;z-index: 999999999999;padding: 0px 6px 1px 5px;border: solid #B5B5B5;border-width: 0px 1px 1px 1px;border-radius: 0px 0px 7px 7px;} .sidebar .PopularPosts .item-thumbnail {border-radius: 10px; float: left;margin: 0px!important;} .sidebar .PopularPosts img {overflow: hidden !important;height: 72px;width: 72px;margin-right: 0px;padding-right: 0px !important;} .sidebar .PopularPosts .item-title a:hover {background: #f6f6f6;color: #000;} .sidebar .PopularPosts .item-title a {display: block;text-decoration: none;font-family: “Oswald”,sans-serif;font-weight: normal;font-size: 14px;padding: 10px 30px 0px 85px;background: #ffe9e9;height: 62px;color: #6E6E6E;    border-top-left-radius: 10px; border-bottom-left-radius: 10px;border-top: 1px solid #bdbcbc;line-height: normal;transition: all .4s ease-in-out;}

STYLE : 2

CODE :

.PopularPosts .widget-content ul li {padding: .7em 0;background-color: #9ce2cf66;
}.popular-posts ul{padding-left:0px;} .popular-posts ul li {list-style-type: none;background-color: #1bd0d23d; box-shadow: -5px 3px 10px 0px;background: #FFF url(https://3.bp.blogspot.com/-Q-VefH-Eqzk/WBnscTcBXfI/AAAAAAAAD8s/vYPfjhijx5gv4ccT2BXkkmkP6pL8A1D3wCLcB/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;color: #f71235} .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);}

STYLE : 3 

CODE :

.PopularPosts .item-thumbnail {border-radius: 10px;}.PopularPosts .widget-content ul li {padding: .7em 0;}.popular-posts ul{padding-left:0px;} .popular-posts ul li {list-style-type: none;background-color: #1bd0d23d; box-shadow: inset -1px 0px 17px 1px;background: #FFF url(https://3.bp.blogspot.com/-Q-VefH-Eqzk/WBnscTcBXfI/AAAAAAAAD8s/vYPfjhijx5gv4ccT2BXkkmkP6pL8A1D3wCLcB/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;color: #f71235} .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);}

STYLE : 4

CODE :

.PopularPosts .widget-content ul li {background-color: #ded01459;box-shadow: 0px 6px 11px 5px;}.popular-posts ul{padding-left:0px;}
.popular-posts ul li {background: #FFF url(https://2.bp.blogspot.com/-yi6BIMD216M/Wm8Qp1eLzLI/AAAAAAAAFqI/V8xYAZO829Q7pbT-s-kDLsHohRxAiiXVwCLcBGAs/s1600/bubbles.gif) no-repeat scroll 5px 10px; list-style-type: none; margin:0 0 5px 0px; padding:5px 5px 5px 20px !important; border: 1px solid #ddd; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; } .popular-posts ul li:hover { border:1px solid #6BB5FF; box-shadow: inset 1px -1px 11px 5px;} .popular-posts ul li a:hover { text-decoration:none; color:black;} .popular-posts .item-thumbnail img { webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4); box-shadow: 0 1px 3px rgba(0, 0, 0, .4); }

Style: 5

CODE :

.PopularPosts .widget-content ul li {background-color: #ded01459;box-shadow: 0px 6px 11px 5px;}.popular-posts ul{padding-left:0px;} .popular-posts ul li {background-image:url(https://1.bp.blogspot.com/-h75I2cevJj0/Wm8h9kVg_HI/AAAAAAAAFqk/CcRNm8wyTrYpOmQO7qPI5nl2NcIxNK-qwCLcBGAs/s1600/hi.jpg); list-style-type: none; margin:0 0 5px 0px; padding:5px 5px 5px 20px !important;} .popular-posts ul li:hover { border:1px solid #6BB5FF; box-shadow: inset 1px -1px 11px 5px;}.PopularPosts ul li a {
    color: #f6f1f1;} .popular-posts ul li a:hover { text-decoration:none; color:black;} .popular-posts .item-thumbnail img {box-shadow: 0 1px 3px rgba(0, 0, 0, .4); }

To friends aaj aapne sikha ki kaise apne blogspot blog par popular post widget lagaya jaye or kaise isay customize kiya jaye.. Hum ummid karte hai ki aapko hamara ye post pasand aaya hoga. Agar customize widget ko use karne par aapko koi problem hoti hai to aap humse comment ke jariye feedback jarur dijiye, taki hum us problem ko solve kar sakte.  HAPPY BLOGGING
🚣‍♀️ Agar aapko ye article acchi lagi to isay apne social network par jarur share kare 🤓 THANKS

Leave a Reply

Your email address will not be published. Required fields are marked *