Top Ad unit 728 × 90

Breaking News

recent

Customize Popular Posts Widget in Blogger with CSS

Blogger's blogs every component is customize-able with CSS and JavaScript. There ar several widgets in Blogger that you just may need to customise or build them wanting additional lovely. And one in all theme is in style posts gadget in Blogger. therefore our today's trick is incredibly straightforward and regarding blogger in style gadget customization. This gadget comes altogether default and custom blogger templates. at the start it's simply straightforward and has no attraction. But, by exploitation today's trick you'll be able to build it additional engaging and eye catching.

How to Change Popular Posts widget in Blogger?

lets begin the items to try and do during this tutorial. Follow easy steps below so as to vary your well-liked posts appliance in Blogger

  1. Log-in to your blogger dashboard
  2. Go to the blog's Template page
  3. Click HTML >> Proceed
  4. Now search for this code: ]]> by using CTRL+F
  5. Just above/before ]]> paste the below codes
.popular-posts ul{padding-left:0px;}
.popular-posts ul li {background: #FFF url(http://4.bp.blogspot.com/-oOVUW06ghgo/UHwuqL9TltI/AAAAAAAAGKU/Nj4DQnvft8k/s1600/1.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;
}
.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);
}
Save your blog's model and you are done!

How to add a popular widget in Blogger?

To add the popular posts gismo in blogger simply go  Layout >> Add a gismo and add the popular posts gismo from the gismo list and create any setting as you wish. See below image for example:
If you wish to indicate the primary line of your in style posts then tick the snip check box and additionally the image fingernail can show the image of the post, choose variety of posts you wish to indicate within the gadget and additionally you'll choose the amount of your time for the favored posts as showing like: all time, last thirty days and last seven days. when adding the gadget you'll drag it any wherever on your web log, however if you retain it on facet bar, it'd be wanting engaging.

Your Thoughts:

The gadget is simply easy to feature, and might even be a lot of tailored. If you have got questions about this gadget do let American state grasp by commenting below this post

Customize Popular Posts Widget in Blogger with CSS Reviewed by sajid sohail on 19:03 Rating: 5

No comments:

All Rights Reserved by Online Computer Training For Beginners © 2016
Designed by myonlineustaad

Contact Form

Name

Email *

Message *

Powered by Blogger.