Cara Memasang Widget Popular Post Cube 3D di Blogspot

Hai semuanya, pada kesempatan yang berbahagia ini Blog ini memberikan sebuah info yang sangat menarik. Namanya sudah ada pada judul di atas. Yang ini akan sangat menarik contohnya ada di blog ini. Jika kalian sudah tidak sabar lagi, mohon ditunggu, sejenak-sejenak-sejenak. Hehehehe.... Saya menemukan widget ini saat sedang mencari jejak Mbah Google. Oke tanpa basa-basi langsung saja kita ke inti percakapan ini.

Pertama-tama seperti biasa sobat Log In ke Blog, lalu ....

Masuk Ke Tata Letak
Lalu Klik Tambah Gadget

Lalu pilih Entri Populer (namun jika sudah ada, sobat tak perlu menambahkannya). Lalu pilih Tambah Gadget dan pilih HTML/JavaScript dan copy dan paste kode di bawah 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>

Sobat dapat mengganti berapa ukuran widget ini dengan mengganti angka pada width dan height. Jika sudah klik Simpan.
Letakkan widget ini tepat di atas Widget Entri Populer, seperti gambar di bawah ini :