Cara membuat Entri Populer bergambar dan lebih keren, entri tersebut hanya menampilkan gambar dengan gerak kebawah, keatas, kiri dan kanan sesuai dengan postingan pada blog. Postingan maksimal hanya 10 yang bisa tampil dan berupa gambar saja Manfaat dari entri populer ini akan menghemat halaman dan lebih cantik.
Untuk lebih jelasnya sobat bisa langsung lihat di bawah ini gambar, demo, cara memasang script tersebut di blog atau website sobat. Mungkin ini bisa memberikan suatu semangat dan motivasi bagi sobat untuk terus berkarya.
Caranya sebagai berikut :
- Login ke blog sobat
- Pilih rancangan
- Pilih Tambah gadged
- Pilih HTML / Java script
- Copy kode dibawah ini
- Pastekan kode tersebut
- Lalu save
- Dan lihat hasilnya dan semoga sukses
Scriptnya 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>
.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>
Catatan : warna merah merupakan untuk pengaturan lebar dan tingginya, sobat bisa ganti. .
Semoga bermanfaat dan salam sukses selalu...