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 :
Pada kode » .cube { width: 200px; height: 200px;} sesuaikan ukuranya agar sesuai di blog sobat.
Semoga bermanfaat.
Sumber :
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 :
- 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.
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.