How to add CSS3 Popular Post widget to blogger.
Follow simple and easy step to adding this widget to blogger ---->>>>
* First go to your blogger DASHBOARD.
* Now click in design tab and edit HTML.
* Now click in small box to expand your blogger template.
* Find this code ]]</b:skin> by CTRL+F key.
* Copy below code and paste after ]]</b:skin>
Follow simple and easy step to adding this widget to blogger ---->>>>
* First go to your blogger DASHBOARD.
* Now click in design tab and edit HTML.
* Now click in small box to expand your blogger template.
* Find this code ]]</b:skin> by CTRL+F key.
* Copy below code and paste after ]]</b:skin>
<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>
NOTE:- Please You first Add Popular Posts widget to Your Blogger Sidebar. (Blogger widgets list..)
* Now click to save your blogger template.
* After above step set your popular post setting as below Image.--->>>
* And Save this you are done you can see preview CHEERS
|
1 Responses So Far:
What a excellent widget you shared. I thumbnail-ed my school friend 's post, who are send recently. This widget is new and easy to install in blogspot.