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, Mudah bukan ?

Jika ada komentar tentang artikel ini jangan ragu untuk bertanya, kritik, atau saran yang bisa kamu ketik di kotak komentar, terima kasih untuk abu-farhan.com untuk kodenya :)

Postingan Terkait:

Posted in: Blogger,Popular Post,Widget