-->

Cara Membuat Popular Post Seperti Kubus 3D



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:


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..!!
Labels: Widget

Thanks for reading Cara Membuat Popular Post Seperti Kubus 3D. Please share...!

15 Comments on Cara Membuat Popular Post Seperti Kubus 3D

  1. Replies
    1. Hehe :D bisa aja yayuk,, makasih ya??

      Delete
    2. gak ada DEMO nya males buat takut crash :) harusnya taruh donk gan DEMONYA ??

      yang stuju angkat kaki :)

      Delete
  2. keren ya. itu bisa ngelipat gitu ya sob?
    nanti saya coba di blog saya yang satunya..hehe

    terima kasih sob..

    ReplyDelete
    Replies
    1. Sama2 sob, terimakasih jg telah berkunjung ke blog yg jelek ini..!!

      Delete
  3. kereennn kg,,,,
    ijin follow dan share ya kg dadan,,? :D

    ReplyDelete
    Replies
    1. Silahkan gan, terimakaih kunjungan nya ya? :D

      Delete
  4. Wah Mantap Sob IZIN coba . . ",


    visback tkj36lazuardi.blogspot.com

    ReplyDelete
    Replies
    1. Silahkan sob,, selamat berkarya..!!
      Oke :D

      Delete
  5. Loadingnya enggak berat ternyata ... :-D

    http://www.adadeny.com/

    ReplyDelete
    Replies
    1. Iya gan enteng, hanya dr tampilan saja mungkin yg kelihatan berat, padahal kalau sudah di pasang mah enteng ..

      Delete
  6. gan nanya nih saya lebih tertarik sama wdiget sampingnya namanya apa ya ,, ??

    ReplyDelete
    Replies
    1. Yang mana gan?
      kan banyak yg disamping itu.

      Delete

Back To Top