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 :
Berikut Cara Pembuatannya :
- Login/Masuk Ke Akun Blogger Sobat.
- Masukah pada Rancangan dan pilih yang Edit HTML.
- Bila halaman Edit HTML sudah tampil jangan lupa centang Expand Template Widget.
- Carilah Kode </head> Pada Kode HTML Tempalte Sobat.
- 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>
- Keterangan:
- Kode Berwarna hijau adalah Kode untuk Menentukan Tinggi dan Lebar Animasi Gambar Popular Post Tersebut.
- Selanjutnya Simpan Template.
- Sekarang Silahkan Sobat Masuk Pada Rancangan dan Pilih Elemen Laman.
- Klik Tambah Gadget Baru dan pada menu silahkan sobat pilih Gadget Popular Posts atau Entri Populer.
- Selanjutnya Silahkan Sobat Atur Konfigurasi Widget Tersebut Dan Pastikan Thumbnail Gambar Sudah Tercentang.
- Terakhir Simpan Widget Tersebut Dan Lihat Hasilnya.
Author : coxelgokil | ACI BUDAYA
Anda telah membaca
artikel tentang : Cara Membuat Animasi 3D Popular Posts. Oleh Admin, Anda diperbolehkan mengcopy-paste atau menyebarluaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya. Terimakasih...
