ANEUK MUMANG - Kali ini saya berbagi bagai mana Cara Membuat Popular Post 3D Keren Bergerak di Blog yang bisa membuat blog sobat indah dan menarik sehingga pengunjung betah trus di blog anda. Oke, kita lanjut aja bagai mana cara membuatnya.
Login akun blogger Anda.
Pastikan widget popullar post standar Blogger terpasang ditemplate anda.
kemudian...
Pilih Tata Letak ---> Tambah Gadget ---> HTML/JavaScript.
Copy paste kode dibawah ini pada HTML/JavaScript dibawah ini.
<style type="text/css">
.cube { width: 300px; height: 300px;}
a img { border: none; }
#linksCube img { width: 98%; height: 98%; }
</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="https://seocipscompost3d.googlecode.com/svn/seocips-popuar3d"></script> <script type="text/javascript" charset="utf-8">
$(function () {
$('.popular-posts ul').abupopularcube();
});
</script> <script type="text/javascript" src="https://seocipscompost3d.googlecode.com/svn/seocipspopularpost"></script>
Keterangan :
Silahkan ubah kode yang diberih warna di atas sesuai dengan tinggi dan lebarnya template sobat,
Untuk kode warna hijau adalah untuk mengatur besarnya gambar di widget popular post tersebut.
Janjut,
Simpan template dan Lihat hasilnya.
Lihat DEMO dan tutorialnya di SEOCIPS
Semoga berhasil.
