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 akan dicuekin oleh blogger lain karena dianggap pelit dalam memberi link. Ok deh mari kita belajar sama-sama;

Cara Membuat Link di Blogger
Sekarang coba mengetik postingan dalam mode COMPOSE begini kalimatnya “kalau pingin kenalan sama Mbah Djojo klik disini” cara buatnya blok kata disini yang akan dijadikan sebagai link, kemudian klik icon tulisan link (yang dilingkari merah),

Kemudian ketik pada Web Address URL dari blognya mbah djojo yaitu http://belajar-coreldraw.blogspot.com/  yang akan di link

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

Pada saat mengetik postingan dalam mode edit HTML cara ketik kodenya seperti dibawah ini;

<a href="http://belajar-coreldraw.blogspot.com/">disini</a>

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

Membuat Link Window  Baru (tab baru)
Pada mode edit COMPOSE tinggal centang Open this in a new window

Pada mode edit HTML cara menulis kode seperti ini;

<a href="http://belajar-coreldraw.blogspot.com/"target="_blank">disini</a>

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

Membuat Link pada Gambar

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

<a href="http://belajar-coreldraw.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5KSlAem22pWJwzA5MEWL7IYWN5pcwWXwnQHhpXhyphenhyphenA8m9nlnG5xmHQNyrHCa9T6CzPEC-2zRodszWvv6qNeic2MU-tCwgfbUQnFB5GHcoe7IbRfVDH7ftfuE-giiewef5JDwZFXaGC6ks/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://belajar-coreldraw.blogspot.com/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5KSlAem22pWJwzA5MEWL7IYWN5pcwWXwnQHhpXhyphenhyphenA8m9nlnG5xmHQNyrHCa9T6CzPEC-2zRodszWvv6qNeic2MU-tCwgfbUQnFB5GHcoe7IbRfVDH7ftfuE-giiewef5JDwZFXaGC6ks/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 hehehe.. begini kodenya;

<a target="_blank" onclick="window.open('http://belajar-coreldraw.blogspot.com/'); return false;" style="cursor:pointer;">disini</a>

Hasilnya seperti ini;
Coba sampeyan sorot dengan mouse kata disini tidak tampak kan link-nya!

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://belajar-coreldraw.blogspot.com/'); return false;" style="cursor:pointer;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5KSlAem22pWJwzA5MEWL7IYWN5pcwWXwnQHhpXhyphenhyphenA8m9nlnG5xmHQNyrHCa9T6CzPEC-2zRodszWvv6qNeic2MU-tCwgfbUQnFB5GHcoe7IbRfVDH7ftfuE-giiewef5JDwZFXaGC6ks/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....