Tutorial Membuat Widget Popular Post Popular Post Animasi 3D

Pernahkah anda melihat diblog-blog yang menampilkan Popular Post dengan widget Thumb Berjalan Animasi 3D ? Coba lihat contohnya pada blog ini dibagian atas :

Jika teman-teman mau menerapkannya di blog sobat? langsung saja caranya :

• Login ke blogger.com.
• Masuk ke menu Dashboard>Layout-Page elements.
• Klik "Add Gadget" kemudian pilih "Popular Post" (Jika anda sudah pernah memasang gadget popular post silahkan abaikan)
• Setelah anda menambahkan gadget,Klik "Add Gadget" pilih gadget HTML/Javascript.
• Letakan kode CCS javascript pada HTML/Javascript gadget dibawah ini :

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

• Setelah itu simpan dan lihat hasilnya. Salam, semoga bermanfaat.

..: senggol dikit...don't forget for your coment ! :..

Masukan alamat Email kamu disini untuk mendapatkan artikel terbaru..!

Artikel Yang Berhubungan

advertisment zona