Cara Membuat Link Teks Dan Gambar

Membuat link atau menghubungkan dengan url lain, adalah sesuatu yang harus dimengerti oleh setiap blogger, mengingat link sangat penting dan selalu kita jumpai. Misal pada contoh yang sederhana adalah membuat link untuk posting kita yang akan kita letakkan sebagai isi dari Daftar Isi atau Menu.
Cara membuat link sebagai berikut, dengan menggunakan kode seperti di bawah ini :
<a href="Nama URL">Judul atau Nama untuk Link</a>

Kita akan membuat link untuk URL http://guru-umarbakri.blogspot.com dengan nama Link “Umar Bakri”

Contoh:

Untuk melihat Artikel mengenai "Bahasa Indonesia" anda dapat klik di bawah ini :
<center><a href="http://guru-umarbakri.blogspot.com" target=”blank”> <b>Umar Bakri</b></a></center>

 
Penjelasan :
Kode Target="blank" yang terletak setelah URL digunakan untuk membuka window yang baru dan URL anda tidak tertumpuk, tanpa kode ini maka URL anda akan tertumpuk.

Membuat Link Bergambar
Cara membuat link bergambar sebagai berikut, dengan menggunakan kode seperti di bawah ini :
<a href="Nama URL"><img src="URL gambar" width="350" height="55" border="0" /></a>

Masih sama dengan di atas, kita akan membuat link untuk URL http://guru-umarbakri.blogspot.com mengenai “Bahasa Indonesia” dengan menggunakan sebuah gambar

Contoh:

Untuk melihat Artikel mengenai "Bahasa Indonesia" anda dapat klik di bawah ini :
<center><a href="http://guru-umarbakri.blogspot.com" target=”blank"> <img src="http://i711.photobucket.com/albums/ww116/john_rodw/Umar05.jpg" width="350" height="75" border="0" /></a></center>

atau anda ingin melihat "Kamus Besar Bahasa Indonesia" anda dapat klik di bawah ini :
<center><a href="http://pusatbahasa.diknas.go.id/kbbi/" target=”blank"> <img src="http://i711.photobucket.com/albums/ww116/john_rodw/KBBI.jpg" width="350" height="50" border="0" /></a></center></span>

Adapun untuk membuat teks link, tidak lebih sulit daripada membuat gambar sebagai link.

Caranya:

* Buka notepad
* Ketik kode berikut sebagai percobaan:

Contoh:

Untuk melihat Artikel mengenai "Bahasa Indonesia" anda dapat klik di bawah ini :
<center><a href="http://guru-umarbakri.blogspot.com" target=”blank”> <b>Umar Bakri</b></a></center>

 

Dengan script seperti itu, tulisan TEKS YANG DITAMPILKAN akan membawa user ke http://www.ashshiddiq.blogspot.com.com saat TEKS YANG DITAMPILKAN di klik. Misalnya:

TEKS YANG DITAMPILKAN

Selesai!

You Might Also Like :