Jurus Membuat Efek Zoom Gambar Otomatis Pada Blog

cara membuat efek zoom

Ni adalah salah satu teknik ninjutsu bagi saya yang dapat membuat blog anda tampak keren, teknik ini akan memberika efek zoom otomatis ketika kursor mouse anda di arahkan ke sebuah gambar yang ada pada sebuah blog menjadi besar sendiri dan menjadi normal atau kecil lagi jika mousenya di pindahkan dari gambar tersebut, Teknik ini sama seperti diserial naruto  cho baika no jutsu (Jurusnya chouji di Naruto) :)


Untuk menggunakan jurus ini yang harus anda lakukan adalah :



klik template

Paste code CSS
  1. Silahkan login ke Blogger terlebih dahulu. 
  2. Kemudian klik Tata Letak. 
  3. Klik Edit HTML. 
  4. Letakkan kode css berikut ini, tepat diatas kode ]]></b:skin>

.post img{
-webkit-transform:scale(0.8);
-moz-transform:scale(0.8);
-o-transform:scale(0.8);
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
opacity: 0.7;
margin: 0 2px 2px 0;
}
.post img:hover{
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-o-transform:scale(1.1);
opacity: 1;
}

     5.  Klik Simpan

Selesai deh, sekarang coba klik lihat blog dan silahkan arahkan kursor mousenya ke salah satu gambar yang ada di blog anda. semoga berhasil ya... 

Subscribe to receive free email updates:

0 Response to "Jurus Membuat Efek Zoom Gambar Otomatis Pada Blog"

Post a Comment

Terima kasih telah membaca blog saya, silahkan tinggalkan komentar