Fajar Herianto

Cara Membuat Widget Popular Post Dengan Animasi 3D Di Blogger

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.

Posting Komentar

Fajar Herianto

{facebook#https://www.facebook.com/fajarcintalia} {twitter#https://twitter.com/HeriantoFajar} {google-plus#https://plus.google.com/u/0/118173459679605761698/posts} {youtube#https://www.youtube.com/user/aplikasiterunik} {instagram#https://www.instagram.com/aplikasiterunik/}

Formulir Kontak

Nama

Email *

Pesan *

Diberdayakan oleh Blogger.
Javascript DisablePlease Enable Javascript To See All Widget