Gambar Membesar Ketika Diklik

Agar pengunjung dapat melihat tampilan image dalam ukuran yang sebenarnya, anda dapat menerapkan tips ini sehingga image yang ditampilkan dalam ukuran kecil dapat terlihat dengan jelas setelah pengunjung mengklik image tersebut.

Cara membuatnya tidak terlalu sulit. Anda hanya perlu menambahkan sebuah script kedalam template blog anda dan menambahkan kode lainnya pada alamat image yang akan ditampilkan.

Ikuti Langkah-langkahnya
LANGKAH PERTAMA

1. Masuk ke Blogger dengan ID anda.
2. Klik Rancangan, pilih Edit HTML
3. Cari kode </head>
4. Copy seluruh kode dibawah ini kemudian paste tepat diatas kode </head>
   
   

   <script src="http://sites.google.com/site/epgstudiosite/javascript/jquery.min.js" type="text/javascript"></script><script src="http://sites.google.com/site/epgstudiosite/javascript/jquery.magnifier.js" type="text/javascript"></script>

5. Klik Simpan Template

LANGKAH KEDUA

Setelah selesai menyimpan perubahan pada template, sekarang anda tinggal menambahkan kode class="magnify" setelah kode dari alamat image yang ingin anda tampilkan.
sebagai contoh perhatikan kode yang ada di bawah ini

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjn3NhYi2gJtfoyM-f37kkhhq4iUzzUCMF0F7LwmznyjMSrOqieslNg2ly6CioCFoonK-h3_vURxjgBcc80COdgLbbv83AQGZLSU9lKwJDQ7L-d08hRqaWb_Zrs9fN7Qbt1EvQPHlcsRKgv/s1600/1.jpg" class="magnify" style="width:200px; height:150px" />

Perhatikan yang berwarna kuning. Ganti alamat image dengan alamat image yang ingin anda tampilkan.
Selamat mencoba, semoga bermanfaat.....

Gambar Membesar Ketika Diklik 9out of 10 based on 10 ratings. 9 user reviews.