20 Agustus 2009

Membesarkan Gambar Thumbnail Dengan Klik

Maksud judul posting ini adalah membuat gambar di posting yang kecil (thumbnail) menjadi lebih besar ketika di klik, saya sendiri juga bingung mau membuat judul posting ini, tadinya mau saya kasih judul "Membuat Album Foto di Blogspot" tapi sudah terlanjur judulnya seperti di atas, ya sudahlah, yang penting maksudnya sama (he...he...).
Untuk lebih jelasnya lihat gambar di bawah ini:




Cara kerjanya: ketika cursor (mouse) diarahkan ke gambar tersebut maka akan keluar "panah" di pojok kiri atas gambar tersebut, jika di klik panah ini maka akan keluar gambar yang lebih besar di tengah halaman.

Sudah penasaran ingin membuatnya nih? tenang sob, mari kita bahas satu persatu...
Yang pertama: copy kode dibawah ini







Kemudian paste kode tersebut dan letakkan diantara kode: </b:skin> {posisi kode}</head>
Lalu jangan lupa simpan template.

Yang kedua: klik tab pengaturan, lalu klik format kemudian isikan pada tempalte posting:
<img alt="keterangan gambar" longdesc="link_ke_gambar_besar" src="link_ke_gambar_kecil" />
Artinya: ketika anda posting akan keluar template posting di atas, anda harus upload dua gambar dengan ukuran kecil dan besar kemudian isikan ke template posting di atas. Selamat mencoba...

13 Komentar:

  1. keren bos..:) berat gak kira2 scriptnya kalo dipake diblog, mohon pencerahan. Makasih infonya

    BalasHapus
  2. usb wifi: sepertinya tak begitu berat krn hanya berupa javascript, dicoba aja

    BalasHapus
  3. kasih contoh dong bos, kurang jelas nih kode untuk gambarnya

    BalasHapus
  4. tips:sudah ada script beserta contohnya sob...

    BalasHapus
  5. trus, kalau masang foto baru, biar muncul disampingnya, (misalnya 3 foto perbaris) gimana? apa harus bikin rumus2 kayak gitu lagi.

    BalasHapus
  6. Agus dwi: tulis lagi sript di posting seperti langkah yang kedua

    BalasHapus
  7. keren nih, cuma apa harus upload 2 ukuran gambar ya..?? klo pake perintah width, ato ngambil link gambar yang kecil/besar di picasa gimana..?? jalan nggak?

    BalasHapus
  8. vmancer:wah,ide bagus sob, saya malah belum pernah nyoba...

    BalasHapus
  9. waduh ini mantap nih...GAYA...edasss
    ini namanya lightbox OM...keren nih...tak cek dan icek dolo aahhh
    mamacih yah OM ^^

    BalasHapus
  10. Terimakasih banyak salut dah kereen banget

    BalasHapus
  11. Terimakasih, ini yg kucari selama ini

    BalasHapus
  12. bisa otomatis gak gan? jadi tiap ada gambar pada posting bisa langsung tampil zoom setelah di klik.

    BalasHapus

 
Copyright © . Yoyok Rohani - Posts · Comments
Tanks to BT Designer · Blogger