Monday, December 8, 2014

Popular Posts Widget For Blogger

Popular posts widget is an very effective tool to high your website/blog page views, and engage your readers on your blog. this widget are blogger friendly, and i will just change its look  using a blogger widget stored on Blogger's already. and you can change color and fount size easily of this widget. because i don't use heavy JavaScript. 

Add Popular Posts Widget.
1: Go To Blogger >>> Layout >>
2: Click on "add a gadget" 
3: Now select (Popular Posts Gadget).
4: Then Click (Save Button).
1: Now go to (Blogger Template) and Click "Edit HTML" Button.
2: Now find this >>> ]]></b:skin> <<<
3: Paste the below code Just above the,  ]]></b:skin> 
.popular-posts ul{padding-left:0px;} .popular-posts ul li {background: #FFFFFF no-repeat scroll 5px 10px; list-style-type: none; margin:0 0 5px 0px; padding:5px 5px 5px 20px !important; border: 1px solid #00FF00border-radius:10px; box-shadow: 4px 1px 3px #00FF00;-moz-border-radius:10px; -webkit-border-radius:10px;}.popular-posts ul li:hover { border:1px solid #8181F7;box-shadow: 1px 2px 9px #8181F7;}.popular-posts ul li a:hover { text-decoration:none;} 
if you want to change color or fount size just change these settings. 
To change the background color edit #FFFFFF 
To change the shadow color hover edit #00FF00 
change the shadow color on mouse #8181F7
To change the border color hover #00FF00
Change the border color on mouse#8181F7

Now save your widget and enjoy new widget. :)

Previous Post
Next Post

0 comments: