:.
Cara Gampang membuat Link HTML di Blogspot. Sahabat Info sinta, 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.
Baca Juga
<a href="http://blogger-bugis.blogspot.com/">BLOGGERBUGIS</a>
Hasilnya :
Kata "BLOGGERBUGIS" adalah link yang menuju ke http://blogger-bugis.blogspot.com
Saat di klik, Link diatas akan langsung mengganti halaman menjadi halaman yang dituju linknya. Dalam hal ini halaman http://blogger-bugis.blogspot.com.
Jika ingin MEMBUAT JENIS - JENIS LINK yang lain, kita harus menambahkan beberapa kode. Kode yang ditambahkan tersebut berbeda-beda tergantung dari jenis link yang kita inginkan.
Berikut ini beberapa cara membuat link dengan fungsinya masing - masing.
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.
5. Habis. hehe...
- 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".
Contoh kode yang digunakan seperti ini :
Contoh kode yang digunakan seperti ini :
<a href="http://blogger-bugis.blogspot.com/" target="_blank">BLOGGERBUGIS</a>
Kode diatas akan membuat kata BLOGGERBUGIS menjadi link menuju ke halamanhttp://blogger-bugis.blogspot.com/ yang akan terbuka di tab baru browser. Kode link diatas akan menghasilkan link seperti ini :
Silahkan di klik untuk melihat hasilnya.
- 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 :
Contoh kode yang digunakan seperti ini :
<a href="http://blogger-bugis.blogspot.com" target="_blank"
onclick="window.open('http://www.situskerenku.co.cc')">MgM Community BLOGGERBUGIS</a>
onclick="window.open('http://www.situskerenku.co.cc')">MgM Community BLOGGERBUGIS</a>
Kode link diatas akan menghasilkan link di bawah ini :
Silahkan di klik untuk melihat hasilnya.
- 3. LINK YANG TERBUKA TANPA DI KLIK
Link jenis ini akan langsung terbuka tanpa di klik saat mouse menyentuh / melewati link.
Contoh kode yang digunakan seperti ini :
Contoh kode yang digunakan seperti ini :
<a href="http://blogger-bugis.blogspot.com" onmouseover="window.location=this.href">BLOGGERBUGIS</a>
Hasil dari kode link diatas seperti ini :
Silahkan arahkan mouse anda pada link untuk melihat hasilnya.
- 4. MENGGUNAKAN GAMBAR SEBAGAI LINK / LINK BANNER
Selain menggunakan kata atau kalimat, kita juga bisa menggunakan gambar sebagai link. Untuk jenis link yang satu ini kita membutuhkan sebuah gambar yang tersimpan pada imge hosting lalu menggunakan alamat URL Gambar tersebut. Misalnya kita akan menggunakan Gambar di bawah ini sebagai link
Gambar diatas tersimpan di PICASA dengan alamat URLhttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZp8blsdiB4yIzo_d2LBAFcMD8zB8sXnBGZj6prjOxqpylo54dWeYFHQs_bHxTRinMVbVWpceiqqKKLVWZWCFA1N_M7ruHtpZO99Jnb-oFmAZPAaBE80-PrgejFv_-_uFavcBLXUVKaSSk/
Untuk membuat gambarnya menjadi link, Contoh kode yang digunakan seperti ini :
<a href="http://blogger-bugis.blogspot.com" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZp8blsdiB4yIzo_d2LBAFcMD8zB8sXnBGZj6prjOxqpylo54dWeYFHQs_bHxTRinMVbVWpceiqqKKLVWZWCFA1N_M7ruHtpZO99Jnb-oFmAZPAaBE80-PrgejFv_-_uFavcBLXUVKaSSk/" border="0" /></a>
Hasilnya seperti ini :
Silahkan klik gambar diatas untuk melihat hasilnya
OK sob.... semoga cukup jelas cara saya menyampaikan Beberapa Cara Membuat Link HTML Pada Blog Blogspot.
Jika ada yang kurang dimengerti, silahkan ketik pertanyaan anda pada kotak komentar. Kalau sudah mengerti ya... komentar juga. BLOGGERUGIS kan Blog DOFOLLOW hehehe.....
Happy blogging dan Salam Blogger.....
0 comments:
Post a Comment