Cara Membuat Widget Popular Post Kubus 3D di Blog

Bookmark and Share
Cara Membuat Widget Popular Post Kubus 3D di Blog.
Pernahkah Anda Melihat gadget/widget Populer dari blog teman Anda dengan efek 3D kubus yang bergerak-gerak?
Bagi Anda yang ingin memasangnya tetapi setelah browsing kesana sini hanya mendapatkan javasript yang tidak valid??, mungkin saja hal tersebut dikarenakan blognya telah ditinggalkan pemiliknya
Oleh sebab itu Saya ingin mencoba kembali mengenalkan salah satu widget apik ini.
Lagsung saja buat Anda yang ingin membuat popular post/entri populer dengan Efek 3D kubus silahkan ikuti cara dibawah ini :

  • Login ke akun Blogger Anda.
  • Masuk ke Dashboard Blogger dan arahkan ke Tata Letak.
  • Klik "Tambah Gadget" dan Pilih "Entri Populer" (Jika Anda sudah menambahkan gadget ini sebelumnya silahkan anda abaikan langkah ini)
  • Klik Tambah Gadget lagi dan pilih "HTML / Javascript"
  • Masukkan semua java script dibawah untuk kemudian anda paste di gadget HTML / Javascript sobat.
<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>
  • 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 ada di blog saya ini

{ 1 komentar... Views All / Post Comment! }

obat migren mengatakan...

mantap dah artikelnya
http://acemaxs31.com/obat-migren-tradisional/

Posting Komentar

Kritik dan sarannya ya agan-agan semua sangat berguna untuk kemajuan blog ini ^_^