Friday, 27 January 2017

How To Customize Popular Post Widget In Blogger

How To Customize Popular Post Widget In Blogger

How To Customize Popular Post Widget In Blogger

Popular Post Widget  is very important for every blog .As you know that I have a lot of post on SEO and Adding Different Responsive widget in your blogger. But today I remember another important widget .That is popular post widget .Friends as you know that every one want to find simplest easiest blogger for taking help. If you add some widgets like
Popular post
Recent posts Etc...

Then the people I mean visitor can easily find his result .that way you can get allot page-views. Newbie blogger don’t know the value of this widget .This widget will show your popular posts or famous posts to people .In this widget you can show yearly ,Monthly and weekly popular post to visitor.
Now how to install this widget to your blogger

Adding Popular Post Widget To Your Blogger Blog:First of all Login your blogger dashboard

  • And Go > Layout >Click on 
  • Then click on > “+Add a Gadget” 
  • A Small new page will open Select Popular Post 
Popular Post Widget In Blogger

  • Again a new page open new in this page you will do some setting for your poplar posts’ mean you can customized this widget. If you want to show your weekly poplar post then click on 7 days or if you want to show Monthly or Yearly popular post .Then select any one of them and 
                      Popular Post Widget In Blogger
  • then save it .

Customization in the Popular post widget.

  • First on the title (you can Change)
  • Most viewed : if you want to show your yearly Popular post then Click on Last Year 
  • For to show Monthly popular post Click on Month
  • For Weekly Click on 7 days.
Now your did it all setting in this widget open your blog and check .properly your widget will working.

You Might Also Add These Widgets To Make Your Blogger Responsive.

Customizing and Stylizing Blogger Popular Post Widget

For customizing and stylizing .
  • First of all Go>> Template>Edit html
  • after clicking "edit html" code area of template will open .
  • Click in anywhere in the code area.And press Ctrl + F 
  • And Find this Tag  ]]></b:skin> 
  • And Past the below code Above /Before form this tag ]]></b:skin> .
  • And Save template.
/*--- BLOGGER HINTS--- */
.popular-posts ul{padding-left:0px;}
.popular-posts ul li{background: #f0f0f0 url(

)  no-repeat scroll 5px 10px;
  list-style-type: none;
  margin:0 0 5px 0px;
  padding:5px 5px 5px 20px !important;
  border: 1px solid #ddd;
.popular-posts ul
  li:hover {
  border:1px solid #66acf2;
.popular-posts ul
  li a:hover {
.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);

Last words..!

Thank you for following us if you face any problem in this post How To Customize Popular Post Widget In Blogger or another problem related with blogger .Then Contact us or comment us .We will solve your problem as soon as soon is possible. this is satisfied Website .From here you can get all hints tips and tricks for your blogger.
  • Is this is tutorial is helpful ?
  • Need to know your opinion
  • For Advertising Contact Us
Previous Post
Next Post

1 comment: