Cara Membuat Link Java Script Blogspot
Kamis, 22 Maret 2012
0
komentar
tapi cara ini hanya bisa membuat link biasa. misalnya seperti ini :
<a href="http://cintafido.blogspot.com/">CiNtA FidO</a>
Hasilnya :
Kata "CiNtA FidO" adalah link yang menuju ke http://cintafido.blogspot.com
Saat di klik, Link diatas akan langsung mengganti halaman menjadi halaman yang dituju linknya. Dalam hal ini halaman http://cintafido.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
Contoh kode yang digunakan seperti ini :
<a href="http://blogger-bugis.blogspot.com/" target="_blank">CiNtA FidO</a>
Kode diatas akan membuat kata CiNtA FidO menjadi link menuju ke halaman http://cintafido.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
Contoh kode yang digunakan seperti ini :
<a href="http://cintafido.blogspot.com" target="_blank"
onclick="window.open('http://cintafido.blogspot.com/2012/04/silahkan-sobat-copy-paste-script-di.html')">silahkan sobat CiNtA FidO</a>
onclick="window.open('http://cintafido.blogspot.com/2012/04/silahkan-sobat-copy-paste-script-di.html')">silahkan sobat CiNtA FidO</a>
Kode link diatas akan menghasilkan link di bawah ini :
Silahkan di klik untuk melihat hasilnya.
- 3. LINK YANG TERBUKA TANPA DI KLIK
Contoh kode yang digunakan seperti ini :
<a href="http://cintafido.blogspot.com" onmouseover="window.location=this.href">CiNtA FidO</a>
Hasil dari kode link diatas seperti ini :
Silahkan arahkan mouse anda pada link untuk melihat hasilnya.
- 4. MENGGUNAKAN GAMBAR SEBAGAI LINK / LINK BANNER
Gambar diatas tersimpan di PICASA dengan alamat URL https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTsV3ixob8j-1ef4x1jICJUM5-gIwZvi6BegFj2tZeRglavw6_E1zZ6CA7KT663tg7-zZS050iEnRSGLBAZ0qGG4V3URDSJRUqd6VP4KzqRcSnT0_T7yM-pq4KFdXQoCaPiJ_tujEPcA0O/
Untuk membuat gambarnya menjadi link, Contoh kode yang digunakan seperti ini :
<a href="http://cintafido.blogspot.com" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTsV3ixob8j-1ef4x1jICJUM5-gIwZvi6BegFj2tZeRglavw6_E1zZ6CA7KT663tg7-zZS050iEnRSGLBAZ0qGG4V3URDSJRUqd6VP4KzqRcSnT0_T7yM-pq4KFdXQoCaPiJ_tujEPcA0O/" 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.
postingan cintafido artikel tentang Cara Membuat Link Java Script Blogspot
TERIMA KASIH ATAS KUNJUNGAN SAUDARA
Judul: Cara Membuat Link Java Script Blogspot
Ditulis oleh Unknown
Rating Blog 5 dari 5
Semoga artikel ini bermanfaat bagi saudara. Jika ingin mengutip, baik itu sebagian atau keseluruhan dari isi artikel ini harap menyertakan link dofollow ke http://cintafido.blogspot.com/2012/03/cara-membuat-link-java-script-blogspot.html. Terima kasih sudah singgah membaca artikel ini.Ditulis oleh Unknown
Rating Blog 5 dari 5
0 komentar:
Posting Komentar