how to make a zoom-effect for the widget popular posts ... this zoom-effect works when images on the popular post would result in rotating the zoom-effect when a cursor or highlight on the image leads to the
but here I do not display the demo if my friend can be directly interested in trying

The first step as always my friend:

1.Login to your blogger dashboard -> Design -> Edit HTML

2.Scroll and the Search for ]]></ b: skin> tag. Use copy Ctr f

3.Copy code below and paste it after ]]></ b: skin> tag

<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 add your first Popular Posts widget to your Blogger Sidebar. (Blogger widget list ..)
4 Now click the Save Template,



5.tambah widget and choose elements or Popular Posts Popular Posts "Settings Popular Posts Widget you, Like this,






save lives now and see results