Cara Membuat Link Dengan Gambar atau Foto di Blog

Membuat link di blog merupakan suatu 'keharusan' bagi hampir semua blogger. Apalagi bagi blogger yang dalam membuat blog memang bertujuan untuk mendapatkan income dari iklan atau link-link iklan lainnya.

Selain link yang menggunakan test kita juga bisa menggunakan link dengan gambar atau foto atau juga dengan gabungan keduanya.

Berikut ada beberapa varian  Cara Membuat Link Dengan Gambar atau Foto di Blog

Tag Link

<a href='url tujuan'>Teks atau Gambar</a>
  • <a> adalah tag HTML yang berfungsi untuk mendefinisikan sebuah link.
  • href adalah atribut (informasi tambahan) dari tag a untuk url/alamat yang akan dituju dari link.
  • Value dari href harus diberi tanda kutip.
Contoh:
<a href='http://www.m13pass.com/'>Lagi Belajar Ngeblog</a>
hasilnya
Lagi Belajar Ngeblog

Tag Gambar/Images atau Foto

<img src='url gambar' alt='nama alternatif gambar' width='tinggi' height='lebar'>
  • Tag <img> adalah tag HTML untuk mendefinisikan sebuah gambar.
  • Atribut src adalah sumber/url dari gambar.
  • Atribut alt adalah untuk memberikan nama alternatif gambar. Apabila gambar tidak bisa ditampilkan, maka yang muncul adalah nama alternatifnya.
  • Atribut height dan width adalah untuk mengatur ukuran gambar.
Contoh:
<img src='http://1.bp.blogspot.com/-3eVRg1b1IQs/UzEke1aYHjI/AAAAAAAABBs/jH9TBmfuZBI/s1600/idm619b3.png' alt='Download IDM Full!' width=100' height='100'>
Hasilnya
Download IDM Full!

Penggabungan Link Teks dan Gambar

<a href='http://www.m13pass.com/2014/03/idm619b3fullversion.html/'>
<img src='http://1.bp.blogspot.com/-3eVRg1b1IQs/UzEke1aYHjI/AAAAAAAABBs/jH9TBmfuZBI/s1600/idm619b3.png'' alt='Download IDM Full!' width='100' height='100'>
</a>
Tag <img> harus diapit oleh tag <a> dimana tag penutup harus dikasih garis miring, seperti: </a>

hasilnya
Download IDM Full! 

Demikian tutorial singkat Cara Membuat Link Dengan Gambar atau Foto di Blog, mohon dimaklumi bila ada kesalahan dan kekurangan karena masih belajar :)

Source

Subscribe to receive free email updates:

1 Response to "Cara Membuat Link Dengan Gambar atau Foto di Blog"

Silakan layangkan kritik,saran, cendol de el el