Cara Membuat Animasi 3D Popular Posts

Animasi 3D Popular Post adalah sebuah Widget untuk Blog yag menampilkan beberapa artikel atau postingan paling populer dengan tampilan Animasi 3D Cube dan yang pasti akan membuat Blog sobat semua lebih cerah dan menarik.

Berikut Cara Pembuatannya:

1. Login/Masuk Ke Akun Blogger Sobat.
2. Masukah pada Rancangan dan pilih yang Edit HTML.
3. Bila halaman Edit HTML sudah tampil jangan lupa centang Expand Template Widget.
4. Carilah Kode </head> Pada Kode HTML Tempalte Sobat
5. Bila sudah ketemu silahkan Sobat Taruh Kode berikut tepat diatasnya.
   
   
   <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://filiex.16mb.com/My%20Work/PopularPosts%20Cube/js/imagecube.js"></script>
   <script type="text/javascript" charset="utf-8">
   $(function () {
   $('.popular-posts ul').abupopularcube();
   });
   </script>
   <script type="text/javascript" src="http://filiex.16mb.com/My%20Work/PopularPosts%20Cube/js/popularcube.js"></script>
   
   
   
6. Keterangan:
   
   
   • Kode Berwarna Biru adalah Kode untuk Menentukan Tinggi dan Lebar Animasi Gambar Popular Post Tersebut.
   
   
7. Selanjutnya Simpan Template.
8. Sekarang Silahkan Sobat Masuk Pada Rancangan dan Pilih Elemen Laman.
9. Klik Tambah Gadget Baru dan pada menu silahkan sobat pilih Gadget Popular Posts atau Entri Populer.
   
   
   
   
   
10. Selanjutnya Silahkan Sobat Atur Konfigurasi Widget Tersebut Dan Pastikan Thumbnail Gambar Sudah Tercentang.
    
    
    
    
    
11. Terakhir Simpan Widget Tersebut Dan Lihat Hasilnya.

 Cetak Halaman Ini