Anda pengunjung yang ke:

Traffic Counter

BANNER SAHABAT

Sabtu, 07 April 2012

Cara Membuat Widget Popular Post Dengan Animasi 3D||Tips/Trick Blogger Sarip

Filled under:

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.

Ditulis Oleh : SyariĆ’™ ~ Tips dan Trik Blogspot

Syarip Hidayat Sobat sedang membaca artikel tentang Cara Membuat Widget Popular Post Dengan Animasi 3D||Tips/Trick Blogger Sarip. TuTorial Ku UnTuK Mu™ Memperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya



Baca Artikel Lainnya.!:

0 komentar:

Posting Komentar