Cara Membuat Populer Post Dengan 3D ~ IDAM BASHORI

Jumat, 13 April 2012

Contoh Populer Posts 3D

Cara Membuat Populer Post Dengan 3D - Dengan adanya widget populer post maka pengunjung akan penasaran dengan isi artikel yang menjadi populer di blog kita dan tentunya memiliki kamungkinan untuk melihat atau membaca artikel yang ada di populer post apalagi jika kita menggunakan populer post yang menarik. Lebih tepatnya ikuti langkah-langkah dibawah ini untuk membuat populer post dengan 3D.

1. Login ke Akun Blogger sobat.

2. Pilih Menu Tata Letak.

3. Klik Add Gadget atau Tambah Gadget.

4. Pilih Java Scrip/HTML.

5. Copas kode dibawah ini taruh di dalam gadget tadi lalu save.

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

Warna merah bisa kalian ganti terserah sobat!!

6. Jangan keluar dulu di halaman Menu Rancangan.

7. Lalu Add Gadget atau Tambah Gadget baru.

8. Pilih Gadget Populer Post.

9. Langkah terakhir Gadget Populer Post taruh tepat dibawah Gadget Java Scrip tadi.Lihat contoh gambar dibawah ini.