How To Add A Popular post box In Blogger

how to add a popular post box in blogger? want to know.. try this method in your website to add a popular posts box in blogger. Popular post box is a box in which the popular posts of websites are shown. You can use popular post box in your website by this method-

 In your website, Follow the steps below.

1. Go To Blogger.Com Then Login .
2.Now open the Dashboard of your website.
3.In Dashboard click on Layout link

4.Now in Layout Click on ADD A GADGET
5.Now you Will see a HTML/JAVASCRIPT writing widget click on it.

6.Now you will see a box like this.

7. Now ENTER the CODE below on this box .

<div class="eggTray">
<script src="http://helplogger.googlecode.com/svn/trunk/listbadge.js">{"pipe_id":"1a6640e2a78b2c6e736f2220529daae5","_btype":"list",
"pipe_params":{"URL":"www.hackintricks4u.blogspot.com/feeds/posts/default"},
"hideHeader":"false","height":"","count": 5 }</script>
 <a href="http://hackintricks4u.blogspot.com/" target="_blank">Blogger Widget</a></div><noscript>Your browser does not support JavaScript!</noscript></div>
<style type=text/css>
.eggTray {margin:10px 0px;padding:0px;}
.ybr li  {border-bottom:0px #cccccc dotted; padding:0px 0px 10px 0px!important;}
.pipesTitle {padding-top:10px;}
.pipesDescription {display:none;}
.ycdr {background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQMftb4zVbcElbUl4eRPmARQWdn60KizMVrC5t71eEXruX5CpyfB11qgw8ELEEAO23WRR-H1WMI8_UPq66weU7U2yR102QkJJ57TBt1YR_PvI1_xOf7rVVyncFEPEhgzMl-2rA4wREaVM/s1600/logo.png) 0px 0px no-repeat; padding: 1px 0px 0px 19px; height:14px; margin: 4px 0px 0px 0px;line-height:14px;}
.ycdr, .ycdr a {color:#999999;}
.widget .popular-posts ul {padding-left:0;}</style> 

8. Replace http://hackintricks4u.blogspot.com with your own Website name.
9. Now Click on SAVE button.
10. Now the popular posts widget is added in your website.

Share This

Related Post