Pages

DonkeyMails.com: No Minimum Payout
Server : Channel :
Use List | DalNet Commands (Open) | Help

Thursday, November 15, 2012

Popular Post 3D Effect

Blogspot menyediakan fasilitas Popular Post sebagai widget standar untuk pengguna blog. Widget popular post berguna sebagai informasi daftar postingan artikel yang sering dibaca oleh pengunjung blog. Widget popular post sangat cocok digunakan apabila sobat sudah memiliki postingan artikel lebih dari 10 postingan. Tampilan widget popular post bawaan blogspot terlihat kurang menarik sehingga penggunaannya pun menjadi kurang efisien... Nah, untuk memaksimalkan penggunaan widget popular post dan juga agar widget popular post ini terlihat menarik, widget popular post ini ditampilkan dengan efek 3 dimensi... gimana penasaran khan... untuk contoh dapat dilihat di MozWidget. Oke sob buat yang berminat memasang widget ini langsung aja kita ke TKP...

Cara Pemasangan :
  • Login ke blog sobat...

  • Klik "More Options" selector box kemudian klik "Layout" setelah itu pilih "Add a Gadget" kemudian pilih "Popular Post" dan kemudian setting banyaknya popular post yang ditampilkan. Apabila jumlah total postingan artikel sobat kurang dari 10 postingan maka pilih jumlah popular post yang akan ditampilkan sebanyak 5 postingan. Setelah itu tambahkan "Add a Gadget" dan pilih "HTML/JavaScript", ilustrasi seperti gambar dibawah ini.






  • Copy-paste kode berikut ini di kotak postingan gadget "HTML/JavaScript" atau klik tombol "Add to Blogger" yang ada di bawah ini.

    <style type="text/css">
    .cube { width: 250px; height: 250px;}
    a img { border: none; }
    #linksCube img { width: 100%; height: 100%; }
    </style>
    <div align="center"
    <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://monozcore-project.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://monozcore-project.googlecode.com/files/3dpopularcube.js"></script>
    </div>

    Catatan :
    • width: 250px; height: 250px; // Lebar & Tinggi Widget.

  • Klik "Save" dan lihat hasilnya...
.: Semoga Bermanfaat :.
DMCAProtected by CopyscapeMyFreeCopyright.com Registered & Protected
Comments
Tweets
1 Comments

1 comment:

  1. mantap nh bro thanks atas infonya kunjungan baliknya ya serta follback udeh ane follow tuh www.naufalthedarkness.blogspot.com

    ReplyDelete