Cara Membuat Efek Image Zoom diblog



Assalamu'alaikuw Wr. Wb
Cara Membuat Efek Image Zoom diblog - Pada kesempatan kali ini bertepatan dengan Hari Ibu, bang dadan akan membuat postingan tentang Cara Membuat Efek Image Zoom di Blog. Sebelumnya bang dadan mengucapkan Selamat Hari Ibu, pada seluruh kaum hawa yang ada di nusantara.


Efek image zoom ini merupakan efek ketika bila kita mengarahkan kursor pada gambar yang ada di dalam postingan, secara otomatis gambar tersebut akan membesar ketika di tunjuk kursor.

Nah bagi sobat yang ingin menerapkan tutorial ini pada blognya sialhkan ikuti langkah - langkah dibawah ini:

✥ Cara Membuat Efek Image Zoom diblog


  • Pertama silahkan sobat login pada akun blog
  • Selanjutnya masuk pada Rancangan ➞ Template ➞ Edit HTML *jangan lupa centang expand template widgate
  • selanjutnya cari kode ]]</b;skin>
  • Setelah ketemu silahkan Copy kode dibawah ini dan tempatkan di atas ]]</b;skin>
✥ Berikut kodenya:

.post img:hover {
-moz-trnasform: scale(1.3) ;
-webkit-transform: scale(1.3);
-o-transform: scale(1.3) ;
-ms-transform: scale(1.2) ;
transform: scale(1.3) ;}

  • Selanjutnya silahkan sobat simpan Template
Selesai, sekarang coba sobat menuju postingan yang ada gambarnya, dan arahkan kursor pada gambar dalam postingan soba, pasti gambar tersebut akan menjadi besar secara otomatis.

Sekian dulu postingan kali ini tentang Cara Membuat Efek Image Zoom diblog. Semoga artikel ini bermanfaat bagi sahabat semua. Terimakasih

Billahitaufiq Walhidayah
Wassalamu'alaikum Wr. Wb
Labels: blogger tutorial, template hack

Thanks for reading Cara Membuat Efek Image Zoom diblog. Please share...!

0 Komentar untuk "Cara Membuat Efek Image Zoom diblog"

Back To Top