Well This is a Cool Widget Which Helps to Add a Popular Posts on Your Blog Along with an Awesome Spinning Effect to the Images.Well You Can Observe it on this Blog. So for What You are looking For. Just Follow the Below Steps To Add the Widget
How to add the Widget :.
Login to Blogger < Dashboard <Desing
Now Go to Edit Html And Check Expand Widget Templates Option
Now Scroll Down to See ]]></b:skin>
Paste the Below Code After ]]></b:skin> Tag
Now that After Adding the Code Below the Tag mentioned Above<style type='text/css'>
.PopularPosts ul li {background: none repeat scroll 0 0 transparent;float: left;list-style: none outside none;margin: 5px !important;padding: 0 !important;}
.PopularPosts ul li img {padding:0;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;border: 2px solid #CCC;height: 80px;width: 80px;}
.PopularPosts ul li img:hover {border:2px solid #BBB;-moz-transform: scale(1.2) rotate(-1090deg) ;-webkit-transform: scale(1.2) rotate(-1090deg) ;-o-transform: scale(1.2) rotate(-1090deg) ;-ms-transform: scale(1.2) rotate(-1090deg) ;transform: scale(1.2) rotate(-1090deg) ;}
</style>
Now go to Design Page Elements < Add a Gadget .
Now Add a Popular Post Widget From the Widgets.
Click on the Save Template
Now Save the Popular Widgets Widget and You're Done. That's it Enjoy!
0 comments: