Trik Membuat Gambar Popular Post Berputar

Nah untuk Tutorial Blog kali ini Kita akan menerapkan trik berputar dan membesar ketika kursor mouse di sorot atau diletakan diatas gambar widget Populer Post Standar Blogger. Bagaimana caranya ? Tidak usah khawatir gan caranya mudah hanya perlu edit HTML sedikit.

Langsung saja berikut Cara Membuat Efek Gambar Berputar Pada Widget Populer Post Blog :

Pastikan Sobat Sudah Login Ke Akun Blogger Masing-Masing
Jika Sudah Silahkan Back-Up template Blog kamu untuk mengantisifasi kesalahan saat Edit HTML
Jika sudah sekarang silahkan masuk kehalaman Edit HTML
Setelah kamu berada di halaman Edit HTML, sekarang kamu cari kode ]]></b:skin>. Agar mudah mencari kode silahkan gunakan tombol CRTL + F atau F 3.
Sudah ketemu Kodenya, sekarang Copy kode dibawah ini dan letakan dibawah kode ]]></b:skin>.

<style type='text/css'>

.PopularPosts .item-title{display:none}

.PopularPosts ul li {background: none repeat scroll 0 0 transparent;float: left;list-style: none outside none;margin: 5px !important;padding: 0 !important;}

.PopularPosts ul li img {padding:0;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;border: 2px solid #CCC;height: 80px;width: 80px;}

.PopularPosts ul li img:hover {border:2px solid #BBB;-moz-transform: scale(1.2) rotate(-1090deg) ;-webkit-transform: scale(1.2) rotate(-1090deg) ;-o-transform: scale(1.2) rotate(-1090deg) ;-ms-transform: scale(1.2) rotate(-1090deg) ;transform: scale(1.2) rotate(-1090deg) ;}

</style>

Sekarang Klik Simpan Template
Selesai dan Lanjut Kelangkah Berikutnya.

Secara umum tahap diatas sudah selesai namun supaya widget populer pos dapat ditampilkan dihalaman blog sobat, maka sobat perlu menambahkan widget populer post. caranya sangat mudah jika ada yang belum paham ikuti langkah-langkah berikut untuk Memasang Widget Populer Post Kehalaman blog Sobat.

Pada bagian Dashbord blog kamu Pilih Menu Tata Letak
Sekarang klik Tambah Gadget Atau Add a Gadget
Jika sudah cari Widget Populer post dan klik tanda tambah disampingnya

4. Jika sudah cari Widget Populer post dan klik tanda tambah disampingnya

5. Pengaturan, kamu bisa mematikan centang cuplikan jika ingin menampilkannya tetap centang. Thumbail gambar berikan tanda centang dan silahkan atur jumlah populer post yang ingin ditampilkan.

6. Jika dirasa sudah klik Simpan

7. Selesai dan Lihat Hasilnya

- See more at: http://www.aldhinya.com/2013/05/cara-membuat-efek-gambar-berputar-pada.html#sthash.rHcImdKW.dpuf

nih contohnya ada di blog saya

MuizCyan-XP

Trik Membuat Gambar Popular Post Berputar

Saipul Muiz

Artikel Terkait