Cara Mudah Membuat Popular Post Animasi 3D Pada Blog

Setelah kemarin 'CS memberikan trik cara membuat popular post warna warni, sekarang 'CS mau memberikan trik cara membuat popular post animasi 3D pada blog. Widget ini cukup keren, karena gambar pada popular post akan bergerak dari satu entri berganti ke entri lainnya. Jika sobat tertarik untuk memasangnya, simak langkah langkah di bawah ini.

Baca juga cara mudah membuat tombol share efek jQuery nudging

1. Login ke Blogger

2. Pilih Tata Letak ► Tambah Gadget

3. Pilih Entri Populer, Simpan

4. Pilih lagi Tambah Gadget

5. Pilih HTML/JavaScript

6. Masukkan kode dibawah ini ke dalam kolom HTML/JavaScript (Tidak usah diberi 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>

Angka yang berwarna biru merupakan ukuran gambar, sobat bisa ganti sesuai keinginan

7. Simpan dan lihat hasilnya

Contoh penempatan Script

Oya sob, penempatan popular post seperti ini akan jauh lebih baik jika dipasang di tempat yang bisa menarik perhatian dan rasa penasaran pengunjung blog. Demikian cara mudah membuat popular post animasi 3D pada blog, semoga dapat membantu dan bermanfaat. Terimakasih atas kunjungannya.

► Copas Sange ◄

Sobat sedang membaca artikel tentang Cara Mudah Membuat Popular Post Animasi 3D Pada Blog. Jika sobat ada pertanyaan atau pesan mengenai artikel diatas, salurkan pada kolom berkomentar !! Dan untuk mendapatkan tambahan pahala, silahkan LIKE and SHARE ♂

<a href="http://copasange.blogspot.com/2016/05/cara-mudah-membuat-popular-post-animasi.html" target="_blank">Cara Mudah Membuat Popular Post Animasi 3D Pada Blog</a>

:: Salam Blogger ! ::