Cara Menampilkan Gambar Pada HTML Bloger

Dilihat dari judul sepertinya mudah untuk melakukan itu, tapi ternyata dalam prakteknya akan timbul eror pada template blog biasanya. Kebanyakan Script ini digunakan untuk menampilkan gambar space iklan pada blog. Langsung saja anda simak Cara Menampilkan Gambar Pada HTML Bloger :

Script :

Caranya :

1. Siapkan gambar. ( Gambar bisa anda upload di https://picasaweb.google.com atau di media upload gambar yang lainnya)

2. Setelah anda upload silahkan anda ambil link gambar yang sudah anda upload. Contoh gambar yang saya gunakan, (https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiodosCP7yC5tkRELI6qmBfWmDm4HEoBjGuO_yDAtuEfAPziEAcOHbcC9yQ-lg0Bh9eMGpCKcuZ0eSNDI8gDsV67cfVEDwEgZfUnlYko1yG81xxXEOog3mNmRaI1w6a1SGNhA2hOgZrvDw/s500/slider-4.jpg)

3. Anda masukkan pada Link Gambar anda di URL GAMBAR

Contoh : <a href="URL SITUS" target="_blank"><img src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiodosCP7yC5tkRELI6qmBfWmDm4HEoBjGuO_yDAtuEfAPziEAcOHbcC9yQ-lg0Bh9eMGpCKcuZ0eSNDI8gDsV67cfVEDwEgZfUnlYko1yG81xxXEOog3mNmRaI1w6a1SGNhA2hOgZrvDw/s500/slider-4.jpg" alt="NAMA TAUTAN" width="50" height="30" border="0" /></a>

4. Setelah itu pada URL SITUS anda isi dengan URL yang dituju jika gambar itu di klik oleh pengunjung blog. Saya menggunakan URL ( http://info1986.blogspot.com )

Contoh : <a href="http://www.info1986.blogspot.com" target="_blank"><img src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiodosCP7yC5tkRELI6qmBfWmDm4HEoBjGuO_yDAtuEfAPziEAcOHbcC9yQ-lg0Bh9eMGpCKcuZ0eSNDI8gDsV67cfVEDwEgZfUnlYko1yG81xxXEOog3mNmRaI1w6a1SGNhA2hOgZrvDw/s500/slider-4.jpg" alt="NAMA TAUTAN" width="50" height="30" border="0" /></a>

5. Pada NAMA TAUTAN silahkan anda isi terserah dengan gambar yang anda tampilkan. saya ambil nama slider-4.Contoh : <a href="http://info1986.blogspot.com" target="_blank"><img src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiodosCP7yC5tkRELI6qmBfWmDm4HEoBjGuO_yDAtuEfAPziEAcOHbcC9yQ-lg0Bh9eMGpCKcuZ0eSNDI8gDsV67cfVEDwEgZfUnlYko1yG81xxXEOog3mNmRaI1w6a1SGNhA2hOgZrvDw/s500/slider-4.jpg " alt="slider-4" width="50" height="30" border="0" /></a>

6. Setelah itu Untuk width dan height yang saya beri warna kuning, silahkan anda ganti dengan ukuran sesuka anda. ( Width : Panjang Gambar & Height : Tinggi Gambar )