Tuesday, July 23, 2013

Membuat link pada blog

Sebenarnya banyak cara yang digunakan dalam pembuatan link,di karenakan banyak aplikasi pembuat link tapi yang kali ini saya bagikan adalah salah satu cara simplenya.Apabila anda menggunakan layanan blog berbasis HTML seperti Blogger, anda bisa menggunakan cara di bawah ini :

<a href="http://www.digitalareas.blogspot.com">KLIK DI SINI</a>

Nantinya link yang terbentuk akan seperti ini : KLIK DI SINI

Dari kode di atas, bagian yang berwarna biru adalah alamat URL yang akan dituju. Sedangkan
bagian yang berwarna merah berfungsi sebagai teks yang nantinya ditampilkan.

Selain itu anda juga bisa menambahkan atibut lainnya ke dalam link yang anda buat.
Title Tag adalah atribut yang sering digunakan
Title Tag : Ini merupakan tag dalam HTML yang biasanya terdapat pada link.
Berguna sebagai teks alternatif pada saat kursor mendekati teks link.
Nantinya title tag ini dapat digunakan untuk menambahkan tulisan tambahan
sehingga menarik minat orang lain untuk mengklik tautan tersebut.
Di bawah ini adalah contoh kode HTML link yang menggunakan Title tag :

<a href=”http://digitalareas.blogspot.com/” title=”Tutorial Blogging Terbaru” >KLIK DI SINI</a>

Hasilnya akan seperti ini :  KLIK DI SINI (Arahkan kursor anda ke teks)

Dari kode di atas, bagian yang berwarna biru adalah alamat URL yang akan dituju.
Bagian yang berwarna merah adalah teks alternatif untuk link yang anda buat.
Sedangkan yang berwarna orange adalah teks yang nantinya akan ditampilkan untuk di klik.

Anda juga bisa membuat link yang jika di klik maka akan muncul di tab baru pada browser.
Untuk itu kita perlu menamhkan kode target="_blank" pada link anda tadi.
Saya akan berikan contoh kodenya di bawah ini.

<a href="http://digitalareas.blogspot.com/" target="_blank">KLIK DI SINI</a>

Nantinya akan seperti ini :KLIK DI SINI

Kode Target Blank berfungsi untuk membuka link pada tab baru.

Sebenarnya banyak cara yang dapat dilakukan untuk membuat link,tapi hanya ini yang saya rasa memiliki cara yang simple.

No comments:

Post a Comment