Cara membuat Popular Post animasi 3D

langkah-langkahnya :

• Login ke blog anda > Design > kemudian Add gadged baru pada elemen, jangan lupa pilih HTML / Javascript ( bebas dimana saja, karena hanya untuk penempatan Css dan koda javascript saja )
• Copy kode atau script berikut dan paste pada gadget tadi kemudian save ( tidak perlu judul )

<style type="text/css">
.cube { width: 250px; height: 250px;}
a img { border: none; }
#linksCube img { width: 100%; height: 100%; }
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="http://script-bamz-us.googlecode.com/files/jqueryimagecube.js"></script>
<script type="text/javascript" charset="utf-8">
$(function () {
    $('.popular-posts ul').abupopularcube();
});
</script>
<script type="text/javascript" src="http://script-bamz-us.googlecode.com/files/popularcube.js"></script>

• Sekarang masih pada halaman Design
• Silahkan add Gadged baru lagi dan pilih gadget popular post ( penempatannya terserah anda, bisa pada sidebar kanan atau kiri dan bawah ) kemudian save dan lihat hasilnya.

Contoh penempatan script membuat Popular Post

Cara membuat widget Popular Post animasi 3D ini sebenarnya masih bisa diterjemahkan atau istilahnya di dirinci, tapi dari pada mumet edit HTML templatenya mending pake cara di atas lebih mudah dan tidak beresiko ^^. Oh iya jangan lupa sesuaikan lebar dan tinggi widget ini sesuai lebar sidebar dimana tempat anda akan memasang widget popular post tsb. Jika mau pasang widget popular post nya di pasang di tempat yang strategis yah, biar menarik perhatian para pengunjung. Sampai jumpa di artikel berikutnya dan semoga sukses mencoba cara membuat popular post animasi 3D.