Cara Membuat Popular Post dengan Efek 3D Kubus di Blog

Pernahkah sobat Melihat gadget/widget Populer dari blog teman dengan efek 3D kubus yang bergerak-gerak?
Bagi sobat yang ingin memasangnya tetapi setelah browsing kesana sini hanya mendapatkan javasript yang tidak valid?, mungkin saja hal tersebut dikarenakan blognya telah ditinggalkan pemiliknya :)
Lagsung saja buat Sobat yang ingin membuat popular post/entri populer dengan Efek 3D kubus silahkan copy java scriptnya dibawah ini :


<style type="text/css">
.cube { width: 200px; 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://accordion-for-blogger.googlecode.com/svn/trunk/jqueryimagecube.js"></script>
<script type="text/javascript" charset="utf-8">
$(function () {
    $('.popular-posts ul').abupopularcube();
});
</script>
<script type="text/javascript" src="http://accordion-for-blogger.googlecode.com/svn/trunk/popularcube.js"></script>


Langkah-langkah Penggunaan :
  1. Login ke akun Blogger sobat.
  2. Masuk ke Dashboard Blogger dan arahkan ke Tata Letak.
  3. Klik "Tambah Gadget" dan Pilih "Entri Populer" (Jika Anda sudah menambahkan gadget ini sebelumnya silahkan anda abaikan langkah ini)
  4. Klik Tambah Gadget lagi dan pilih "HTML / Javascript"
  5. Masukkan semua java script diatas untuk kemudian anda paste di gadget HTML / Javascript sobat.
  6. Klik save - Selesai.
Catatan :
Pada kode » .cube { width: 200px; height: 200px;} sesuaikan ukuranya agar sesuai di blog sobat.

Semoga bermanfaat.

Sumber :

0 komentar "Cara Membuat Popular Post dengan Efek 3D Kubus di Blog", Baca atau Masukkan Komentar

Post a Comment

Jika link download rusak beritahu kami dengan memberikan komentar ya...

Note: Only a member of this blog may post a comment.