<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 :
- Login ke akun Blogger sobat.
- 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 diatas untuk kemudian anda paste di gadget HTML / Javascript sobat.
- Klik save - Selesai.
Silahkan anda rubah Angka yang Berwarna Biru 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 :)
Semoga bermanfaat and Enjoy Your Blogging :)
Tidak ada komentar:
Posting Komentar