Cara membuat Image Preview menggunakan tombol
http://tutorialbloggermasnoer.blogspot.com/2011/07/cara-membuat-image-preview-menggunakan_9.html
Image Preview ini berfungsi untuk melihat gambar dalam ukuran yang lebih bersar, dan cara kerjanya menggunakan tombol perbesar dan tombol normal, yaitu bila diklik tombol perbesar maka gambar menjadi ukuran besar dan klik tombol normal untuk mengembalikan gambar pada posisi ukuran semula.
Buat sobat blogger yang web atau blognya banyak menampilkan gambar, cara ini dapat jadi alternatif untuk dimanfaatkan agar pengunjung bisa melihat gambar anda secara jelas.
Berikut bentuk Image Preview menggunakan tombol :
LIHAT DENO dengan gambar yang banyak.
Nah.... bola anda berminat, silahkan anda ikuti langkah berikut :
1. Login ke blogger dengan ID anda.
2. Klik Rancangan.
3. Dan KLik tab Edit HTML.
4. Cari kode di bawah ini atau yang mirip dengan kode ini :
5. Copy kode di bawah ini dan taruh sebelum kode </head> :
Catatan :
Untuk menambah gambar, anda tinggal menambah kode yang berwarna merah dan mengganti nomor yang berwarna biru menjadi nomor 2 dan seterusnya. (yang penting setiap gambar dan scriptnya memiliki ID yang unik)
6. SIMPAN TEMPLATE
Langkah selanjutnya anda tinggal menambahkan kode HTML yang ada dibawah dibawah, pada saat menulis artikel. Jangan lupa tambahkan kode HTML pada bagian Edit HTML . Cara ini bila gambar akan ditampilkan pada halaman posting.
Catatan :
Untuk menambah gambar, anda tinggal menambah kode yang berwarna merah dan mengganti nomor yang berwarna biru menjadi nomor 2 dan seterusnya. (yang penting setiap gambar dan scriptnya memiliki ID yang unik)
5. Simpan.
Selamat mencoba dan Semoga bermanfaat....
Jangan lupa luangkan waktu untuk beri komentar ya......terima kasih.
Anda juga bisa berlangganan artikel-artikel terbaru dari saya, silahkan anda masukkan email pada forum Langganan Via Email yang ada disebelah kanan halaman ini, atau berlangganan artikel melalui tombol dibawah ini.
Buat sobat blogger yang web atau blognya banyak menampilkan gambar, cara ini dapat jadi alternatif untuk dimanfaatkan agar pengunjung bisa melihat gambar anda secara jelas.
Berikut bentuk Image Preview menggunakan tombol :
LIHAT DENO dengan gambar yang banyak.
Nah.... bola anda berminat, silahkan anda ikuti langkah berikut :
1. Login ke blogger dengan ID anda.
2. Klik Rancangan.
3. Dan KLik tab Edit HTML.
4. Cari kode di bawah ini atau yang mirip dengan kode ini :
5. Copy kode di bawah ini dan taruh sebelum kode </head> :
Catatan :
Untuk menambah gambar, anda tinggal menambah kode yang berwarna merah dan mengganti nomor yang berwarna biru menjadi nomor 2 dan seterusnya. (yang penting setiap gambar dan scriptnya memiliki ID yang unik)
6. SIMPAN TEMPLATE
Langkah selanjutnya anda tinggal menambahkan kode HTML yang ada dibawah dibawah, pada saat menulis artikel. Jangan lupa tambahkan kode HTML pada bagian Edit HTML . Cara ini bila gambar akan ditampilkan pada halaman posting.
Tapi bila anda ingin menampilkan Gallery pada sidebar blog anda. Berrarti anda tinggal menambah gadget. Perhatikan langkah berikut :
1. Klik Rancangan dan pilih Elemen Laman
2. Tambah Gadget3. Pada jendela baru anda Anda pilih gadget HTML/JavaScript
4. Copy dan paste kode dibawah ini pada gadget tersebut :
Catatan :
Untuk menambah gambar, anda tinggal menambah kode yang berwarna merah dan mengganti nomor yang berwarna biru menjadi nomor 2 dan seterusnya. (yang penting setiap gambar dan scriptnya memiliki ID yang unik)
5. Simpan.
Selamat mencoba dan Semoga bermanfaat....
Jangan lupa luangkan waktu untuk beri komentar ya......terima kasih.
Anda juga bisa berlangganan artikel-artikel terbaru dari saya, silahkan anda masukkan email pada forum Langganan Via Email yang ada disebelah kanan halaman ini, atau berlangganan artikel melalui tombol dibawah ini.
assalam..mas mau tanya bagaiman cara untuk membuat gambar bisa diperbesar dengan disentuh pake mouse seperti blog jogja smart..thanx mas...
BalasHapuso...itu,
HapusSilahkan anda baca tutorialnya "Cara membuat Image Preview menggunakan jQuery", Berikut linknya:
http://tutorialbloggermasnoer.blogspot.com/2011/06/cara-membuat-image-preview-menggunakan.html
masih bingung sob, haduh gmana ya
Hapuskalu misalnya membuat title untuk image gmana caranya bos..
BalasHapuswah perlu di coba nie,,, salam sukses gan
BalasHapus