PEMBERITAHUAN: SCRIPT INI SUDAH TIDAK DIPAKAI DI BLOG INI, SEHINGGA CONTOH DIBAWAH INI TIDAK BEKERJA, TAPI TUTORIALNYA MASIH BISA DIGUNAKAN. JIKA ANDA PENASARAN SEPERTI APA HASILNYA SILAHKAN LIHAT DISINI
Agar mengerti maksudnya silahkan klik (kiri) gambar-gambar dibawah ini:
Penjelasan dan cara pasang scriptnya saya dapat disono, hanya disini saya persingkat caranya untuk dipasang di blogspot dan lebih mudah karena file javascript-nya sudah saya pasang di server blog wordpress saya. Anda yang mau menggunakan tinggal copy kodenya dan beres deh.
OK kita mulai cara pemasangan di blogger. Buka edit HTML kemudian copy kode dibawah ini:
<script src='http://tipslive.co.cc/wp-includes/ateonsoft_file/FancyZoom.js' type='text/javascript'/>
<script src='http://tipslive.co.cc/wp-includes/ateonsoft_file/FancyZoomHTML.js' type='text/javascript'/>
Letakkan (paste) di bawah kode <head>. Kemudian temukan kode <body>. Kalau sudah ketemu ganti dengan kode <body onload='setupZoom()'>. Simpan template anda. Nah beres kan...
Lalu bagaimana cara memasang gambarnya? Gambar bis dipasang dimana saja baik di postingan seperti artikel ini, atau bisa juga di sidebar, footer, pokoknya dimana saja deh asal dengan penulisan kode seperti dibawah ini:
<a href="http://jhahe48.files.wordpress.com/2008/03/maudi2.jpg"><img src="http://jhahe48.files.wordpress.com/2008/03/maudi2.jpg" border="0" width="100" height="135"></a>
Nah perhatikan bahwa URL gambar sama yang ada di anchor (kode a href) dengan yang ada di kode gambar (kode img src), Tapi pada kode yang saya cetak tebal ada pengaturan lebar dan tinggi. Itu yang perlu ditentukan agar yang tampil pada saat halaman diload gambar kecil, tapi kalau gambarnya diklik akan membesar (istilahnya kalau dipegang membesar.... hmmmm). Agar gambar tidak penceng, peang dan pokoknya yang gak bagus usahakan skala pengecilan sesuai dengan ukuran gambar aslinya. Misal ukuran gambar asli 800x200 pixel bisa dikecilkan dengan ukuran 200x50 pixel.
Selain keren, sepertinya script ini membuat load halaman bergambar lebih ringan dibanding jika gambar ditampilkan dalam ukuran penuh.
Selamat mencoba..............
Sudahkah anda ikut belajar bersama? Khusus para pemula saja untuk mengukur kemampuan SEO kita sesama para pemula.Informasi lengkap silahkan kunjungi halaman tentang Kontes SEO Belajar SEO Para Pemula. Jangan dipandang hadiahnya yang kecil karena memang hadiah hanya sebagai media agar seperti kontes sungguhan, tapi lihat manfaat dari pengalaman anda jika bersaing dengan lawan yang seimbang. Jika selama ini anda tersingkir karena para senior dan master SEO turun, maka dalam kontes ini hanya pemula saja yang berlomba.
| Mulai | 17 Mei 2009 (00:00) | Hasil sementara di SERP Halaman 1 - 2 - 3 - 4 - 5 |
| Berakhir | 17 Agustus 2009 (00:00) | |
| Zone | GMT+7 / WIB | |
| Time Remaining |
Artikel Terkait:
Gambar di klik bisa membesar, ini caranya
Terima kasih jika anda melinkback halaman:
http://www.ateonsoft.com/2008/11/gambar-di-klik-bisa-membesar-ini.html
Tapi jika anda merasa terganggu dengan linkback ateonsoft.com karena blog ini tidak berharga bagi anda, anda tetap boleh meng-COPAS seluruh atau sebagian artikel ini tanpa linkback, terima kasih anda menyukai artikel di ateonsoft.com.
| Gunakan tombol disamping untuk menyimpan halaman ini menjadi format PDF, agar hasil penyimpanan maksimal. Setelah tombol disamping di-klik, akan terbuka jendela baru, dan tunggu beberapa saat, akan ada konfirmasi letak penyimpanan file PDF di komputer yang anda gunakan |
Orang yang kritis akan merespon apa yang telah dibacanya, bagaimana tanggapan anda tentang artikel Gambar di klik bisa membesar, ini caranya? silahkan berkomentar, saat ini baru ada 20 komentar
waah mantabbhh tapi aku doyannya ma gambarnya bukan tekhnik agar bisa membuat gambarnya membesar hihihi :) sukses bro hihihi
idem ma bung andisukry, lebih doyan ma gambarnya(yg empunya gmbar) daripada cara membesarkan gambar.
wah bagus euy.. jdi ga perlu buka page baru
ADUH...pusing kalau lihat program code... :) tapi bagus tipsnya...
hayah komen dari para cowok :D
keren Bri
asli, hehehe boleh juga dicoba
tutorial yang bagus.. sip..
bisa hemat space halaman..
nggak usah pasang gambar yang gede-gede..
Menarik sekali neh
wah, bagus nih..
bikin web lebih berkesan dinamis, nice tips shared!
Hack yg mantap.... cuma sayang kenapa tidak bisa di terapkan di Blog saya... Padahal cara caranya sdh benar.
Salam
@Pangki fernandez: mungkin ada kode yang salah mas
hmm... saya telat dapat info ini neh
saya juga udah nyoba tapi gak jalan juga mas...
Bloggger Hack Yg Bagus
serba serbi sma ingin berbagi sedikit nih. sebelum memposting hendaklah kalau gambar tersebut dimanai dengan nomor-nomor sebelumnya maka hendaklah nomor-nomor tersebut diganti dengan target search engine optimization (seo) yang dikehendaki misalnya nama file image sebelumnya 1234567890.jpg maka ganti 1234567890.jpg tersebut dengan serbaserbisma.jpg atau serba_serbi_sma.jpg. semoga bisa menjadi tambahan refensi buat belajar seo gambar
Boleh juga nich tricknya, apalgi gw sering posting pake gambar
mas blog saya khan pake wordpress, dan kenapa saya coba di wordpress ga bisa????? malah tampilan blognya hilang....
Best info soal pasang gambar... Saya mau coba pasang tapi di wordpress. Bisa ato ga bisa, saya mau balik lagi ke artikel ini. he he... (Saya pikir pake plugin ato sejenisnya yang ga masukin code segala.)
@nursohib:kalau wordpress self hosting bisa mas
kunjungan balik mas, (lama ya), saya sudah coba tapi gak berhasil mas di pasang diblog saya walo pake self hosting. tapi lain kali saya coba lagi n mau download scrift nya sendiri. makasih mas
thanks, banyak dapat info dari blog anda
Post a Comment
Silahkan pilih account yang sesuai dengan blog/website anda (LiveJournal, WordPress, TypePad, AIM).
Pada opsi OpenID silahkan masukkan URL blog/website anda pada kotak yang tersedia.
Atau anda bisa memilih opsi Nama/URL, lalu tulis nama anda dan URL blog/website anda pada kotak yang tersedia.
Jika anda tidak punya blog/website, kolom URL boleh dikosongi.
Gunakan opsi 'Anonim' jika anda tidak ingin mempublikasikan data anda. (sangat tidak disarankan). Jika komentar anda berupa pertanyaan, maka jika anda menggunakan opsi ini tidak akan ditanggapi. Lebih baik anda gunakan pilihan dibawah ini:
Jika ingin komentar anda tidak dipublikasi, silahkan klik disini
Masih kesulitan juga membuat komentar? silahkan klik disini