Minggu, 08 April 2012

Cara Membuat Popular Post dengan Efek 3D Kubus di Blog.

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 :-D
Oleh sebab itu OM Kris ingin mencoba kembali mengenalkan salah satu widget apik ini.
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.

Silahkan anda rubah Angka yang Berwarna Merah pada java script diatas untuk mengatur Lebar (width) dan Tinggi (height) 3D kubus sesuai keinginan sobat.
Selamat anda sudah memiliki entri populer dengan efek 3D kubus tersebut seperti yang diperlihatkan oleh gambar dibawah ini :)

Cara Membuat Popular Post dengan Efek 3D Kubus di Blog.

Semoga bermanfaat and Enjoy Your Blogging :)


Mau tau cara membuat daftar isi blog otomatis?? klik disini.


key word : cara membuat popular post dengan efek 3D kubus, cara membuat entri populer dengan animasi 3D Kubus, cara membuat popular post dengan animasi 3d kubus, Cara Membuat Popular Post Dengan Style 3D Cubus, popular post bergerak, popular post dengan 3d cube, Cara Membuat Popular Post Animasi 3D Kubus Di Blog, blogspot, add gadget kubus, cube, popular post, entri populer, kode HTML/Java script 3d kubus, add gadget html kotak-kotak beregerak, menambah widet blog paling bagus 2012

1 komentar:

  1. Om Kris kenapa entri populer 3D nya gak bisa muncul judulnya..

    BalasHapus