Browser








Rabu, 06 November 2013

Cara Membuat Image Berputar


Sebelumnya saya sudah pernah berbagi dengan kawan Cara Membuat Komentar Avatar Berputar dan Cara Membuat Avatar Komentar Tampil Miring :y; yang khusus pada Komentar saja, sedangkan yang akan saya bahas sekarang ini Cara Membuat Image Berputar yang bisa berubah di halaman Posting dan Sidebar :q; 

Cara membuatnya :

  • Masuk Account Blogger dengan ID kawan
  • Pada Dasbor pilih Template - Edit HTML
  • Cari ]]></b:skin>
  • Copas script berikut diatasnya

.post img:hover {border:2px solid #333;-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) ;}
Keterangan tambahan :

  • Perhatikan teks yang saya beri warna merah, itu menandakan semua image pada posting akan berputar bila mouse kawan dekatkan 
  • Kalau kawan ingin agar bisa Image di Sidebar berputar khususnya pada PopularPost kawan cukup mengganti teks yang berwarna merah [.post img:hover] dengan [.PopularPosts:hover
  • Jangan lupa simpan Template kawan :r;



Like the Post? Do share with your Friends.

Tidak ada komentar:

Posting Komentar

IconIconIconFollow Me on Pinterest