Membuat Widget Popular Post Dengan Efek 3D

Huft, sudah 2 Hari tidak membuat artikel di sebabkan tidak punya uang untuk ke warnet akhirnya sekarang bisa membuat artikel lagi hehe. Pada kesempatan kali ini saya akan memberikan tutorial tentang bagaimana membuat efek Popular post namun dengan efek 3D ! wah bagaimana yah kira-kira tampilan-nya pasti akan sangat menakjubkan. Langsung saja kamu lihat caranya di bawah ini :

1. Masuk ke akun Blog kamu.

2. Klik Rancangan --> Elemen Laman --> Tambah Gadget --> HTML/Javascript dan kamu salin kode java script di bawah ini.

<style type="text/css"> .cube { width: 200px; height: 200px;} 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://accordion-for-blogger.googlecode.com/svn/trunk/jqueryimagecube.js"></script> <script type="text/javascript" charset="utf-8"> $(function () { $('.popular-posts ul').abupopularcube(); }); </script> <script type="text/javascript" src="http://accordion-for-blogger.googlecode.com/svn/trunk/popularcube.js"></script>

NOTE :

• Kamu bisa atur berapa lebar dan tinggi dari widget ini dengan mengubah kode yang berwarna biru, width untuk lebar, height untuk tinggi.

3. Simpan Template, Mudahkan ?

>