Cara Mudah Membuat Link Pada Blog

Secara umum penulisanya sbb :
<a href=" http://77sakti.wordpress.com/ ">Sorce Program</a>
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.

• 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 : 
<a href=" http://bo-fsakti.blogspot.com /" target="_blank">e-bisinis</a>

• 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://bo-fsakti.blogspot.com " target="_blank"
onclick="window.open(' http://77sakti.wordpress.com/ ')">Sorce Program</a>

• 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://bo-fsakti.blogspot.com " onmouseover="window.location=this.href">e-bisnis</a>

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 

Untuk membuat gambarnya menjadi link, Contoh kode yang digunakan seperti ini : 

<a href="http://hdt.16mb.com" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkZCZ7mkrzkVHbW0f_KUubZDztleDSAHAByzqveGyqnesjGlOJe-2FWzsuP5Z1I78TenTcfGLgwGLlX_LlDK1LDWnvGX4ZB0v3mvnkcH6IXvWitw9UyxW8sOx9ShwxPWnVCjcoitH48-jQ/s1600/help+disk+technology.jpg" border="0" /></a>

trims: blogger-bugis 

oleh fsakti FASANA IT | Tutorial Computer Updated at : 20.18

Anda suka artikel di atas ???
Klik salah satu atau ketiga tombol di bawah ini :

Tweet

Jangan Lupa Baca Juga :

Posted in: tutorial blogspot