Cara Membuat Gambar beserta Link URL di Blog

Sebagai seorang pemula terkadang kita sempat dipusingkan untuk menaruh sebuah gambar di blog yang disertai link url.
Di blogger, ada sebuah widget yang dirancang khusus untuk mengupload gambar dari komputer dan menampilkannya di sebuah situs blog yang kita bangun. Akn tetapi yang dimaksud pada tulisan ini kita akan melakukannya secara manual yaitu dengan menggunakan kode-kode HTML.
sebelum gambar ditampilkan, kita harus mengupload gambar yang akan kita pakai nantinya ge hosting seperti google, picasa, flick dan masih bejibun situs-situs yang mnyediakan fasilitas ini.

Anggap saja gambar yang akan kita tampilkan sudah terupload, dalam hal ini saya menggunakan blogger dengan url gambar yang didapatkan yaitu "http://2.bp.blogspot.com/-Ij26K6lh2u4/Tr9ZbiA6bWI/AAAAAAAAAPo/b-aWzSYEXII/s1600/banner%2B728.png"

Sedangkan url tujuan apabilah gambar tersebut diklik adalah "http://www.idblog.web.id/2011/11/template-blog-cantik-dan-keren-untuk.html"

Selanjutnya unutk manampilkannya di blog dengan menggunakan keode berikut ini
<a target="blank" href="url tujuan"><img src="url gambar" border="0" width="468" height="60"/></a>
Keterangan:
  • target="blank" untuk membuka url tujuan pada jendela baru, hapus kode tersebut apabila kita ingin membuka url tujuan pada jendela yang sama.
  • url tujuan adalah alamat url tujuan yang diarahkan apabila kita mengklik gambar itu nantinya.
  • border="0" adalah garis tepi pada gamabr, rubah angka "nol" dan sesuaikan
  • width dan height besarnya ukuran gamabr dalam pixel
Dan apabila kode yang saya masukan seperti di bawah ini:
<a target="blank" href="http://www.idblog.web.id/2011/11/template-blog-cantik-dan-keren-untuk.html"><img src="http://2.bp.blogspot.com/-Ij26K6lh2u4/Tr9ZbiA6bWI/AAAAAAAAAPo/b-aWzSYEXII/s1600/banner%2B728.png" border="0" width="468" height="60"/></a>
Maka gambar yang akan ditampilkan akan nampak seperti gambar banner di bawah ini
Silahkan anda klik gambar di atas, maka secara otomatis akan membuka jendela baru dan mengarah pada url
http://www.idblog.web.id/2011/11/template-blog-cantik-dan-keren-untuk.html

1 comment:

  1. wah jadi tambah ilmu baru tentang masang gambar plus urlnya

    ReplyDelete

Powered by Blogger.