Popüler Yayınlar Hareketli Zoom Efekti Eklentisi

Popüler Yayınlar Hareketli Zoom Efekti Eklentisi

Bblogger blogunuzda bulunan popüler yayınlar eklentinizi biraz daha canlandırmak istermisiniz ?

Bu eklentimizde , ziyaretçileriniz popüler yayınlarda bulunan resimlerin üzerine fare ile geldiğinde , resimler hareketlik kazanarak büyük hal alır..

Oldukça güzel bir eklenti olduğunu düşündüğümüz Popüler Yayınlar Hareketli Zoom Efekti Eklentisini blogger blogunuza eklemek için aşağıdaki adımları uygulayınız..

]]></b:skin>

Yukarıdaki kodu bulun ve hemen altına aşağıdaki kodları ekleyiniz..

<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.6) rotate(-1090deg) ;-webkit-transform: scale(1.6) rotate(-1090deg) ;-o-transform: scale(1.6) rotate(-1090deg) ;-ms-transform: scale(1.6) rotate(-1090deg) ;transform: scale(1.6) rotate(-1090deg) ;}
</style>

Yukarıdaki kodu eklediyseniz eklentimiz hazırdır , unutmadan not olarak , eklentinin çalışması için, blogunuzda popüler yayınları eklemiş olmanız gerekmektedir..popüler yayınları yerleşim/gadget ekle/popüler yayınlar sekmesinden ekleyebilirsiniz..Demo için TIKLAYIN....Açılan sayfadaki popüler yayınlar eklentisi üzerinde çalışma şeklini görebilirsiniz.