Lazada Indonesia

Wednesday, May 1, 2013

Cara Membuat Popular Posts Dengan Animasi 3 Dimensi

popular posts unik,
DINAMIKAMembuat Widget Popular Posts Dengan Animasi 3 Dimensii - Widget Popular Posts dapat mempercantik tampilan dari sebuah blog, meskipun blog itu sederhana sekalipun. 

Telah dijelaskan sebelumnya bahwa widget Popular Posts memiliki banyak gaya. Bila sebelumnya telah dijelaskan  Cara Membuat Widget Popular Posts Aneka Warna, kali ini akan diuraikan mengenai Membuat Widget Popular Posts Dengan Animasi 3 Dimensi. Bagaimana caranya ?

  • Login ke blog anda > Design > kemudian Add gadged baru pada elemen, jangan lupa pilih HTML / Javascript ( bebas dimana saja, karena hanya untuk penempatan Css dan koda javascript saja )
  • Copy kode atau script berikut dan paste pada gadget tadi kemudian save ( tidak perlu judul )

<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>

  • Sekarang masih pada halaman Design
  • Silahkan add Gadged baru lagi dan pilih gadget popular post ( penempatannya terserah anda, bisa pada sidebar kanan atau kiri dan bawah ) kemudian save dan lihat hasilnya.


Cara membuat widget Popular Post animasi 3D ini sebenarnya masih bisa diterjemahkan atau istilahnya di dirinci, tapi dari pada mumet edit HTML templatenya mending pake cara di atas lebih mudah dan tidak beresiko . Oh iya jangan lupa sesuaikan lebar dan tinggi widget ini sesuai lebar sidebar dimana tempat anda akan memasang widget popular post itu. Jika mau ,pasang widget popular post nya di pasang di tempat yang strategis biar menarik perhatian para pengunjung. Bila sobat ingin lebih mengeksplorasi lagi mengenai widget popular posts, silahkan baca Cara Membuat Blog Menarik Dengan Popular Posts Unik.




(sumber : http://eko-tipsntrick.blogspot.com/2012/05/cara-membuat-popular-post-animasi-3d.html )

0 komentar :

Post a Comment