Cara Membuat Popular Post 3D Keren Bergerak di Blog
SITUSWEBLOG.NET- 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.