Cari Artikel Blog Ini

Total Tayangan Halaman

IMAGE 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="http://2.bp.blogspot.com/_1j80TgNqd_8/TSibJzdsXuI/AAAAAAAAA5I/XHTCDawB7ZA/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.

Jika artikel ini bermanfaat..? Bagikan lewat :


BACA JUGA ARTIKEL DIBAWAH INI



Comments
4 Comments

4 komentar :

Rizky2009 mengatakan...

pertamax.... langsung d coba

Osi mengatakan...

Sip...diterapkan nih


Thanks ka Ades

jotys mengatakan...

keren Abizz bang..sukses sll...

irawan mengatakan...

pokonya mantep buanget,,cuma saya masih sgt kesulitan utk memsanag alamat link halaman yang berbeda

Posting Komentar

Ceritakan keberhasilan/kegagalan anda setelah mencoba Tutorial Blogger pada kotak komentar. Kritik dan Saran juga boleh asal sifatnya membangun...!!!