Secara umum ketika kita berkunjung pada sebuah Blog atau Website, di sana kita akan menemui pada banyaknya link, link itu bisa berupa teks saja atau bisa juga berupa gambar.
Apakah link ada manfaatnya? Tentunya link itu sangat berguna bagi pengunjung sebuah blog atau website, akan memudahkan mereka menavigasi isi blog atau website itu sendiri. Bayangkan tanpa adanya link yang disediakan oleh pemiliknya, kita sebagai pengunjung akan merasa kerepotan.
Secara umum, link berupa tekslah yang paling banyak kita temui. Meskipun link berupa gambar tidak sedikit pula kita temui.
Bagaimana membuat link berupa teks? Secara sederhana bisa gunakan elemen A HTML. Seperti contoh berikut:
<a href="tujuan_link">Di sini teks link</a>
Untuk tujuan_link, ganti dengan URL dari sumber yang akan ditautkan dengan link ini. Sumber yang di link bisa saja sebuah halaman web, file, atau lainnya. Untuk Di sini teks link bisa di isi dengan hal yang berkaitan dengan link itu sendiri.
Seperti contoh berikut adalah link berupa teks yang apabila di klik oleh pengunjung, pengunjung itu akan diantarkan ke Facebook.Com:
<a href="http://www.facebook.com/">Visit to Facebook.Com</a>
Di mana kode di atas akan menghasilkan output seperti ini:
Visit to Facebook.ComSekarang bagaimana membuat link berupa gambar?
Untuk membuat link berupa gambar, selain elemen A HTML, elemen IMG HTML juga perlu dilibatkan. Sebenarnya untuk membuat link berupa gambar tidak sesederhana membuat link berupa teks. Tetapi membuat link berupa gambar tidak juga dikatakan sulit.
Hal pertama yang perlu disediakan adalah file gambar itu sendiri. Jika file gambar tersedia, silahkan upload ke hosting masing-masing agar bisa digunakan pada blog atau website.
Ketika kita sukses upload file gambar pada hosting, nantinya kita akan menemukan URL dari file gambar yang sukses kita upload itu, dan untuk menggunakannya kita bisa salin URLnya. Misalnya URL dari file gambar itu:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdzueP42U73wRvWC5RK-9puolAeEpcMa7YoTwbgTeGtVk9z1SarXaSy3IfkfRVeGyBbblYRvtKVwws3kV2gh6DjmQz1rCOIxA9v6pdvNkgtUlZ7-yivhz3HYaXUh0mln_t0imD5UEPXDFg/s1600/CaraMembuatLinkDiBlog.pngSetelah URL dari gambar tersedia, baru kita bisa membuat kodenya, seperti berikut pola kodenya:
<a href="tujuan_link"><img src="URL_dari_gambar" width="216" height="46"></a>
Untuk URL_dari_gambar isi dengan URL dari gambar. Untuk width dan height masing-masing menentukan lebar dan tinggi dari gambar ketika ditampilkan sebagai link nantinya.
Sehingga ketika kita menggunakan URL gambar sebelumnya menjadi:
<a href="http://www.facebook.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdzueP42U73wRvWC5RK-9puolAeEpcMa7YoTwbgTeGtVk9z1SarXaSy3IfkfRVeGyBbblYRvtKVwws3kV2gh6DjmQz1rCOIxA9v6pdvNkgtUlZ7-yivhz3HYaXUh0mln_t0imD5UEPXDFg/s1600/CaraMembuatLinkDiBlog.png" width="216" height="46"></a>
Contoh di atas akan mempunyai output seperti berikut:
Apabila gambar di atas di klik oleh pengunjung, pengunjung itu akan diantarkan ke Facebook.Com.
