Cara Membuat Link

Aku yakin bahwa link adalah di atas segala-galanya dan wajib hukumnya bagi seorang blogger, berbeda dengan website  pada umumnya, seorang blogger untuk bertukar link (link exchange) dengan blog lain itu suatu hal yang umum dan suatu keharusan, kalau tidak bisa membuat link jelas aku akan dicuekin oleh blogger lain karena dianggap pelit dalam memberi link (padahal aku nggak bisa buat link..hihihi). Ok deh mari kita belajar sama-sama;


Cara Membuat Link di Blogger

Sekarang aku mengetik postingan dalam mode Compose begini kalimatnya “kalau pingin kenalan sama mbah google klik disini” aku blok kata disini yang akan aku jadikan sebagai link, kemudian aku klik icon tulisan link (yang aku lingkari merah),

Kemudian aku ketik URL-nya mbah google yaitu http://www.google.com  yang akan aku link

Aku klik "OK"
Maka hasilnya akan seperti ini;
“kalau pingin kenalan sama mbah google klik disini”

Pada saat aku mengetik postingan dalam mode edit HTML aku ketik kode

<a href="http://www.google.com">disini</a>

Maka hasilnya akan seperti ini;
“kalau pingin kenalan sama mbah google klik disini”

Membuat Link Window  Baru (jendela baru)

Kalau aku pingin link nya muncul di window baru aku tulis kode;

<a href=http://www.google.com”target=”_blank”>disini</a>

Maka hasilnya akan seperti ini;
“kalau pingin kenalan sama mbah google klik disini”


Membuat Link pada Gambar


Link ini biasanya aku buat untuk link download biar keren ada gambarnya
Kodenya seperti ini;

<a href="http://kacoeng-kampret.blogspot.com/2010/12/demo.html"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaLCStwd0jCsOFOtZFUbmdFyU4l9ONhq4y_vjs6dbJt9pcE6ca5K35YLI_znvCixNwrPTEqrJNRAZcaXOiT-UCNVagPvtFM68dvImq_j_nKAIFsVhMla1jwUkW5Mb802w8oj0-vzPmbws/s1600/demo2.png" /></a>

hasilnya seperti dibawah ini;

Membuat Link Window Baru pada Gambar

Link ini berupa gambar yang akan tampil pada window atau jendela baru
Aku ketik kodenya seperti ini;

<a href="http://kacoeng-kampret.blogspot.com/2010/12/demo.html" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaLCStwd0jCsOFOtZFUbmdFyU4l9ONhq4y_vjs6dbJt9pcE6ca5K35YLI_znvCixNwrPTEqrJNRAZcaXOiT-UCNVagPvtFM68dvImq_j_nKAIFsVhMla1jwUkW5Mb802w8oj0-vzPmbws/s1600/demo2.png" /></a>

Merah = Alamat URL  link
Biru = Alamat URL gambar (yang lain juga begitu)
hasilnya seperti dibawah ini;

Membuat Link Tersembunyi

Aku membuat link tersembunyi ini maksudnya alamat URL tidak tampak pada status bar yang letaknya di bawah kiri browser, link ini cocok untuk yang berbau iklan biar pengunjung penasaran hihihi.. begini kodenya;

<a target="_blank" onclick="window.open('http://kacoeng-kampret.blogspot.com/2010/12/demo.html'); return false;" style="cursor:pointer;">disini</a>

Hasilnya seperti ini;
Ini cuma contoh link berupa teks yang tersembunyi klik aja disini

Membuat Link Tersembunyi pada Gambar

Biar pengunjung lebih penasaran lagi aku buat link tersembunyi pada gambar, seperti ini kodenya

<a target="_blank" onclick="window.open('http://kacoeng-kampret.blogspot.com/2010/12/demo.html'); return false;" style="cursor:pointer;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaLCStwd0jCsOFOtZFUbmdFyU4l9ONhq4y_vjs6dbJt9pcE6ca5K35YLI_znvCixNwrPTEqrJNRAZcaXOiT-UCNVagPvtFM68dvImq_j_nKAIFsVhMla1jwUkW5Mb802w8oj0-vzPmbws/s1600/demo2.png" border="0"/></a>

Hasilnya seperti ini (coba deh disorot mouse, tidak tampak kan alamat link di pojok kiri bawah layar monitor, kalau penasaran coba aja di klik... )






Mari kita coba bareng-bareng....

Related product you might see: