17 July 2020

Membuat Link Pada Teks Atau Gambar

www.niguru.com
Niguru.com | Jumat, 17 Jul 2020 | Untuk mempermudah pengunjung web dalam mengunjungi target tertentu, baik target yang berupa web page atau target yang berupa file (untuk di download atau di tampilkan secara lokal pada komputer), biasanya pemilik web menempatkan link pada text atau gambar yang ditampilkan pada web page.

Pada posting kali ini Niguru.com akan menunjukkan perbandingan pembuatan link teks dan gambar dengan menggunakan Notepad, Blogger dan MS (Microsoft) Frontpage.

Kita mulai dengan menampilkan pembuatan link dengan Notepad:

<a href="http://www.niguru.com/">
Ini adalah teks dengan link
</a>
<br><br>

Berikut ini gambar dengan link<br>

<a href="http://www.niguru.com/">
<img border="0" src="https://1.bp.blogspot.com/
-g4wT2ee9ewU/X5Bn_1jcXOI/AAAAAAAAK5A/
-IUZTAfrbDkd3ao7Y_G34aGyQ766tFUsACLcBGAsYHQ/s0/Mickey.jpg">
</a>


 

Simpan dengan nama Link01.html (boleh disimpan dengan nama lain) > klik Save:

 

Hasilnya, saat ditampilkan pada browser:

 

Dengan menggunakan MS (Microsoft) Frontpage lebih mudah, yaitu:

  1. Mark (tandai) teks yang akan digunakan sebagai link.
  2. Klik Hyperlink.
 

Pada Address, ketikkan alamat link, misal: http://www.niguru.com/ , kemudian klik OK:

 

Untuk link pada gambar, klik kanan pada gambar > klik Hyperlink:

 

Pada Address, ketikkan alamat link, misal: http://www.niguru.com/ , kemudian klik OK:

Hasilnya, saat ditampilkan pada browser, sama dengan cara pertama:

 

Dengan menggunakan Blogger juga mudah, yaitu:

  1. Mark (tandai) teks yang akan digunakan sebagai link.
  2. Insert or Edit Link.



 

Ketikkan alamat link, misalnya: http://www.niguru.com/ > klik APPLY:

 

Untuk membuat link pada gambar, klik gambar > klik Insert or Edit Link:

 

Ketikkan alamat link, misalnya: http://www.niguru.com/ > klik APPLY:

 

Hasilnya, bila dilihat pada halaman blog:


Demikianlah cara untuk membuat link pada teks atau gambar yang tampil pada web page.

Selamat mencoba .. Have a nice day :-)


www.Niguru.com (Nino Guevara Ruwano)

No comments:

Post a Comment