Cara membuat Popular Post animasi 3D pada bagian widget blog menggunakan kode simpel javascript. Widget popular post atau artikel populer memang di perlukan dalam sebuah blog. Dengan adanya widget popular post, secara para visitor akan penasaran dengan isi artikel yang menjadi populer di blog tersebut dan tentunya memiliki kemungkinan besar untuk melihat atau membaca artikel pada populer post tersebut. Apalagi dengan widget popular post yang unik, walaupun visitor tidak penasaran pada isi artikelnya, mungkin penasaran sama animasi pada widget popular tersebut. " wah kok keren ya widgetnya, Klik dulua lah " kemungkinan seperti itu hehe ^^. Sebelum mencoba, alangkah baiknya anda lihat contoh hasilnya disini. Ok sekarang lanjut ke cara membuat Popular Post animasi 3D.
Cara membuat Popular Post animasi 3D di Blogspot
- 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
sumber : http://www.bamz.us/2011/11/cara-membuat-popular-post.html
