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(http://tinyurl.com/bloggerhintspng2

)  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 #66acf2;
}
.popular-posts ul
  li a:hover {
  text-decoration:none;
}
.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

5 comments:

  1. If you need help with your essay, you have a lot of choices. Some of the best essay writing services https://nocramming.com can be found online.Among essay writing services, you should choose those that are experienced and reliable. They should provide high-quality content and writers. They should be skilled and capable of handling all types of papers. Essay writing services should also have methods to contact the writers. They should have excellent communication with clients and be willing to answer questions and resolve issues.

    ReplyDelete
  2. This comment has been removed by the author.

    ReplyDelete
  3. Hi! The company with essays reviews https://essay-reviews.com/ is a professional essay writing service that boasts a long track record. The company has been around for seven years and has served over 10,000 students. Its writers have specialized knowledge in various academic fields. Moreover, the service has a loyalty program. It offers a 10% discount for new customers and a 15% discount for orders of 10 or more papers. While there are many options to choose from, the most reliable essay writing services are those that offer quality papers and high client satisfaction. These services should have many positive reviews and positive client feedback to help you choose the right service. In addition to having positive customer reviews, the best essay writing services are also those that offer great customer service and affordable prices.

    ReplyDelete
  4. Hi all, this post is really awesome, so thanks for sharing this useful information on this site! I am currently working as a manager at Logitech.
    Here you can download the software for Logitech https://logitechg502.com/logitech-k380-driver-and-software/ accessories for free.If you encounter any errors during the installation process, please contact Logitech support and they'll help you.

    ReplyDelete