Cara Membuat Popular Post Seperti Kubus 3D

Coretan Bang Dadan on

Wednesday, February 13, 2013

Cara Membuat Popular Post Seperti Kubus 3D - Sahabat bogger, pada kesempatan yang lalu bang dadan telah membahas artikel tentang Cara Memberi Icon Pada Setiap List Popular Post, nah kali ini bang dadan akan coba share artikel tentang Cara Membuat Popular Post Seperti Kubus 3D. Penasaran mau lihat contohnya ya sob? silahkan sobat klik buton demo dibawah ini:

DEMO

Nah bagi sobat yang ingin coba membuat popular post seperti pada demo di atas silahkan sobat ikuti langkah - langkah dibawah ini:

Cara Membuat Popular Post Seperti Kubus 3D

1. Login ke blog
2. Jika di blog sobat belum mempunyai popular post silahkan sobat tambahkan dulu popular post ke blog sobat, caranya:

Masuk ke dasbor blog lalu klik Tata Letak / Layout
Selanjutnya klik tambah gadget / add gadget lalu pilih Entri Populer/Popular post

jika di blog sobat sudah ada Entri Populer/Popular post maka sobat abaikan langkah ini.

3. Selanjutnya masih dalam Tata Letak/Layout Silahkan sobat pilih Tambah Gadget/add Gadget

4. Lalu pilih HTML/Javascript

5. KEmudian Copy kode dibawah ini pada HTML/Javascript

Kodenya:

<style type="text/css">
.cube { width: 262px; height: 200px;}
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://codecbd.googlecode.com/files/popularpostcbd.js"></script>
<script type="text/javascript" charset="utf-8">
$(function () {
$('.popular-posts ul').abupopularcube();
});
</script>
<script type="text/javascript" src="http://codecbd.googlecode.com/files/popularpostcube.js"></script>

6. Setelah itu klik simpan

7. Selesai

Silahkan sobat lihat hasilnya, maka popular post di blog sobat akan seperti Kubus 3D dengan efek berputar - putar.

Nah mungkin sekian dulu pembahasan kita kali ini tentang Cara Membuat Popular Post Seperti Kubus 3D, semoga artikel ini bermanfaat buat anda semua.

Selamat mencoba dan semoga sukses..!!