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:
Popular Post Seperti Kubus 3D
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..!!
Description: Cara Membuat Popular Post Seperti Kubus 3D
Rating: 4.5
Reviewer: Unknown
ItemReviewed: Cara Membuat Popular Post Seperti Kubus 3D
Posted by:Mbah Qopet
Mbah Qopet Updated at: Sabtu, Maret 22, 2014
0 komentar
Posting Komentar