Cara memperbesar gambar di blog secara otomatis ketika disentuh cursor

Oke guys pada kesempatan kaliini saya akan membagikan cara memperbesar/zoom gambar di blog sacara otomatis ketika disentuh cursor.

Memang cara tersebut banyak digemari para blogger karena bisa memperjelas tampilan gambarnya.  Posting kali ini berhubungan dengan gambar zoom ala dynamic drive, yaitu gambar akan membesar ketika disorot. Maksudnya saat mouse kita arahkan ke gambar maka gambar akan lebih besar dari ukuran sebelumnya.

Untuk membuatnya sobat bisa menggunakan cara di bawah ini.

• Masuk ke blog sobat.
• Klik tata letak.
• Pilih edit HTML.
• Cari kode </head>.
• Letakkan script di bawah ini di atasnya, hingga posisinya sbb:

<style type='text/css'>
border:none;
vertikal-align:top;}
</style>
<script src="http://sites.google.com/site/darmasites/my-forms/gambarmembesarketikadisorot.js" type="text/javascript">
</script>
</head>.

• Kemudian klik simpan.

Ketika akan posting gambar atau image sobat tinggal menambahkan sedikit kode pada alamat gambar yang sobat punya.
Misal:

<img class="expando" border="0" src="http://i761.photobucket.com/albums/xx252/darma_bucket/th_gambarblog.png" width="75" height="75">

Bagaimana sudah paham?.., oke mungkin hanya itu yang dapat saya bagikan pada kesempatan kaliini semoga bermanfaat dan selamat beraktivitas.

Tweet

Postingan terkait:

Ditulis Unknown — Minggu, 22 April 2018 — 1 Comment — Blog, tutorial