Selasa, 02 Oktober 2012

Cara Gampang membuat Link HTML di Blogspot

Seorang BLOGGER harus mengetahui  Cara Membuat Artikel Link Pada Blog. Dengan cara mengetahui Membuat Link HTML, maka akan menjadi sangat mudah untuk mengarahkan pengunjung blog menuju ke sebuah halaman situs yang di inginkan.cara membuat link di Artikel atau postingan blog sagatlah mudah. Cukup Di Blog/highlight kata atau kalimat yang ingin dijadikan link, lalu klik tombol link pada menu kotak penulisan artikel Blog yang ada di bagian atas dan berwarna biru. Selanjutnya tinggal memasukkan URL halaman / situs yang ingin dituju Link pada pop up jendela yang muncul, setelah itu klik Ok.

Jika ingin membuat-jenis link-link  yang lain, kita harus menambahkan beberapa kode. Kode yang ditambahkan tersebut berbeda-beda tergantung dari jenis link yang kita inginkan.
Beberapa cara membuat link dengan fungsinya
 Diantaranya :
1. Cara Membuat Link Pada Blog yang Membuka Tab Baru saat Link Di Klik
2. Cara Membuat Link Pada Blog yang Membuka 2 Halaman / Situs Sekaligus saat di Klik
3. Cara Membuat Link Pada Blog yang Membuka Halaman / Situs yang dituju link tanpa di klik.
4. Cara Membuat Link Gambar / LINK BANNER Pada Blog.
 
1. LINK YANG MEMBUKA TAB BARU
Saat pengunjung mengklik link jenis ini, halaman yang dituju link akan terbuka di tab baru browser. untuk membuatnya kita hanya perlu menambahkan kodetarget="_blank" setelah alamat url yang dituju link. Bisa juga menggunakan kode target="_new" , dan bisa juga menggunakan kode target="_up".
kode yang digunakan seperti ini : 
 <a href="url tujuan" target="_blank">teks yang akan ditampilkan</a>
contoh
<a href="http://yathisamawa.blogspot.com/"target=-blank">yathisamawa</a> 
Kode diatas akan membuat kata yathisamawa menjadi link menuju ke halaman http:// yathisamawa/yang akan terbuka di tab baru browser.

2. LINK YANG MEMBUKA 2 HALAMAN
Link jenis ini akan membuka 2 halaman sekaligus pada saat bersamaan saat linknya di klik
Contoh kode yang digunakan seperti ini : 

 <a href="https://twitter.com/hayati16165055" onclick="window.open('http://www.facebook.com/yati04')" target="_blank">
membuka dua alaman</a

ganti tulisan yang berwarna merah dengan url tujuan

Untuk menambahkan lebih banyak halaman yang terbuka saat linknya di klik, tambahkan kode  ini :
kode yang digunakan seperti ini :
javascript:(function(){window.open('Alamat URL 3');})();
contah
 <a href="javascript:(function(){window.open('http://www.bloggerbugis.com');})();javascript:(function(){window.open('http://abas-kerja-online.blogspot.com');})();javascript:(function(){window.open('Alamat URL 3');})();">Blogger Bugis & Abas NAD</a>
 Jangan lupa mengganti tulisan ALAMAT URL 3 dengan URL tujuan link

 3. LINK YANG TERBUKA TANPA DI KLIK
Link jenis ini akan langsung terbuka tanpa di klik saat mouse menyentuh / melewati link.

kode yang digunakan seperti ini :
<a href="Alamat_link_yang_dituju" onmouseover="window.location=this.href">Nama Link</a>
contoh <a href="http://yathisamawa.blogspot.com/201i/10/adam-dan-hawa.html/" onmouseover="window.location=this.href">sentuh</a>

Note : Kode di atas tidak akan berfungsi untuk alamat halaman/artikel dari website. 


4. MENGGUNAKAN GAMBAR SEBAGAI LINK / LINK BANNER
Membuat Link Hyperlink atau Image
Setelah selesai, sekarang kita akan memanggil fungsi atau menambahkan kode ke blogger dengan mengikuti langkah-langkah berikut:
Cara pertama menggunakan Link TEKS
 <a rel="nofollow" href="javascript:RBC()">text Link</a>
Gunakan kode ini di mana saja di editor posting atau sidebar Anda untuk membuat link muncul yang bila diklik akan membuka beberapa situs / beberapa link
Cara kedua menggunakan GAMBAR
<a rel="nofollow" href="javascript:RBC()"><img src="LinkGAMBAR" /></a>



coba lihat contohnya di sini
,aku jga baru belajar,yang ga ada contoh aku ga bisa buat
yathisamawa
membuka dua halaman
 

berbagai sumber

Tidak ada komentar:

Posting Komentar