Cara Menampilkan Gambar Yang Tidak Bisa Muncul Pada Blog

Yang akan saya bahas kali ini adalah bagaimana cara memasukkan gambar / image kedalam blog bukan kedalam postingan. Kalau memasukkan gambar kedalam posting jelas caranya sudah tahu bukan ?

Sebenarnya ini pengalaman pribadi penulis. Mau dengar ceritanya ? Pada suatu saat, saya ingin berpartisipasi gabung di "Coin A Chang!" dengan memasang bannernya. Ternyata ... Apa yang terjadi ? Kok gambar tidak muncul ya ? Akhirnya bla ... bla...

To the poin ke pokok masalah.

Langkah-langkah memasukkan gambar tidak tampil pada blog:

- Copy gambar / image yang ingin anda tampilkan. 

 Caranya, letakkan kursor pada gambar, klik kanan, lalu "save image as". Simpan ditempat yang mudah anda ingat, kalau anda pakai browser Mozilla firefox setting defaulnya berarti di "My documents - Downloads" tetapi semua terserah anda.

- Login ke account anda. Khusus yang memakai Blogspot disini.

- Lalu Dasbor.

- New post atau entry baru.

- Akan muncul halaman kosong posting.

- Pilih "Compose" atau biarkan saja kalau anda akan memulai posting, yang terbuka adalah "compose bukan Edit Html".

- Lihat di atas postingan ada banyak petunjuk, klik tanda "add image" sebelah "link".

- Kemudian masukkan gambar yang anda simpan atau download tadi.

- Kalau gambar sudah berhasil di upload, langkah selanjutnya lihat bagian panel atas posting ada "edit Html dan Compose". Anda pilih "edit Html".

- Setelah itu, copy kode html yang muncul, lalu simpan dulu di note pad atau terserah anda.

- Pada tahap mendapatkan kode html gambar selesai, tinggal memasukkan kode html tadi kedalam blog. 

Caranya memasukkan kode html kedalam widget baru :

- Masuk ke Dasbor - Design/Rancangan - Page Element/Elemen Laman- add a gadget/Tambah Gadget.

- Pilih HTML/JavaScript.

- Setelah itu masukkan kode HTML gambar tadi. (jangan lupa ganti alamat url dengan alamat yang ingin dituju seandainya gambar ini kita klik).

- Lalu save.

- Sebenarnya sampai disini sudah jadi, kalau anda ingin melihat sebelum di publish, klik "Rich Text" maka gambar akan muncul.

- Kalau anda ingin mengubah ukuran gambar, klik pada daerah gambar, lalu seret kursor sesuai keinginan anda. Atau kalau ingin secara manual, caranya :
- Klik lagi "Rich Text" maka akan muncul kode html-nya. Lihat ada tulisan "Width = Lebar gambar" dan "Height = Tinggi gambar".

Bagaimana agar gambar kalau di klik bisa terbuka di jendela yang baru, dan bagaimana caranya menampilkan deskripsi gambar apabila kursor di arahkan ke gambar ? Penjelasan untuk masalah ini, pada posting selanjutnya. Semua penjelasan diatas akan lebih mudah apabila anda memakai browser Mozilla Firefox, karena saya mencoba dengan Google Chrome ada sedikit kendala. Semoga bisa membantu. Happy Blogging.