Jumat, 30 Maret 2012

Cara Membuat Widget Popular Post Dengan Animasi 3D


By on 21.06

Cara Membuat Widget Popular Post Dengan Animasi 3D - Kali ini saya akan berbagi Tips Blog yaitu Cara Membuat Widget Popular Post Dengan Animasi 3D, setelah sekian lama saya tidak menerbitkan artikel mengenai dunia Blog, terutama mempercantik Blog, nah kali ini saya akan membahas tentang cara membuat widget Popular Post dengan animasi 3D, widget ini lain dari widget yang biasanya, widget ini diberi efek animasi 3D,dan memberi efek berputar, kaya gambar di samping ini. Baik bagi sobat yang tertarik silahkan ikuti langkah-langkah di bawah ini.



  • Login ke Blog kamu.
  • Pilih Rancangan > Pilih Add Gadget > Pilih HTML Java Script.
  • Copy kode di bawah ini.
<style type="text/css">
.cube { width: 250px; height: 250px;}
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://script-bamz-us.googlecode.com/files/jqueryimagecube.js"></script>
<script type="text/javascript" charset="utf-8">
$(function () {
$('.popular-posts ul').abupopularcube();
});
</script>
<script type="text/javascript" src="http://script-bamz-us.googlecode.com/files/popularcube.js"></script>
Kode yang berwarna merah adalah tinggi dan lebar gambarnya, bisa di sesuaikan dengan selera kamu.

  • Selajutnya kamu pilih lagi Add Gadget pilih widget Popular Post / Entri Popular 
  • Setelh di pilih, letakan widget Entri Popular nya atau Popular Post di bawah kode yang kamu copy tadi.
Sehingga nanti penempatan Script nya kaya gini

Selsai dan lihat hasilnya.

Cuma segitu sob yang bisa saya jelaskan, jika ada hal yang kurang paham silahkan tinggalkan pesan di kotak Komentar.

About Syed Faizan Ali

Faizan is a 17 year old young guy who is blessed with the art of Blogging,He love to Blog day in and day out,He is a Website Designer and a Certified Graphics Designer.

5 komentar:

  1. Wah artikelnya banyak yang menarik sekali dan menabjubkan. Thanks ats sharenya gan.
    Ohh....Iya Gan mau nanya?????
    Kalo buat yang seperti New Paling atas itu gimana Gan

    BalasHapus
  2. Yang mana gan, maksud agan yang berjalan atau apa?

    BalasHapus
  3. mantap gan... sukses mantap tampilannya..
    visit my blog ===> http://nd-cyber.blogspot.com/
    ===> http://putrayulianda.blogspot.com/

    BalasHapus
  4. makasih mas infonya... sangat menarik!!!

    BalasHapus