Home » » Cara Buat Widget Populer Dengan Efek Zoom

Cara Buat Widget Populer Dengan Efek Zoom





Login ke dashboard blogger Anda -> Design--> Edit HTML


Scroll dan lihat kode  ]]></ b: skin> tag.


Copy kode ini:



<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>



dan paste diatas  ]]></ b: skin> tag


Catatan: Tambahkan atau pasang dulu widget Popular Posts untuk Sidebar Blog Anda.



Klik Simpan Template,




Selesai... dan 


Lihat hasilnya



Source : bloggertricksandtoolz.com







0 comments:

Post a Comment

Silahkan berkomentar dengan sopan dan tidak Spam.... kalau tidak punya akun blogger silahkan pilih Name / URL isikan nama dan email juga bisa, atau kosongkan URL. Mohon maaf Live Link, langsung akan saya hapus.

.