Cara Membuat Link Java Script Blogspot

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم

Posted by Unknown Kamis, 22 Maret 2012 0 komentar
Cara Membuat Link Java Script Blogspot, Variasi trik bikin Link pada blog / blogger.
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
Saat pengunjung mengklik link jenis ini, halaman yang dituju link akan terbuka di tab baru browser. untuk membuatnya kita hanya perlu menambahkan kode target="_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 :

<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
Link jenis ini akan membuka 2 halaman sekaligus pada saat bersamaan saat linknya di klik
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>

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 : 

<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
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

cara membuat link java script blogspot

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.

0 komentar:

Posting Komentar

Panduan blog dan SEO support Online Skill - Cinta fido Fido | Kopi kanan Akherat | Kisah Nabi Muhammad | Sahabat | Belajar Blogger | Template | HTML | Tutorial | Komputer.

investasi semoga anda senang

kurs mata uang BCA-2


Selamat datang di blog cinta fido, semoga anda diberi keSehatan oleh alloh SWT

Islam itu Cinta Damai Agama Islam Cinta Damai
jihad Damai adalah amal kebaikan yang Allah perintahkan dan menjadi sebab kokoh dan kemuliaan umat islam