Minggu, 05 Desember 2010

Membuat Link Dalam Gambar

Tujuan membuat link dalam gambar adalah supaya pengunjung lebih tertarik karena dari gambar ataupun tulisan yang ada pada tampilan gambar tersebut. Link dalam gambar banyak kita jumpai pada iklan-iklan, dari gambar dan tampilan yang menarik sehingga dapat menarik minat pengunjung.

Adapun cara membuatnya adalah sebagai berikut:
Langkag pertama Upload sebuah gambar untuk mendapatkan kode URL, sebagai contoh URL berikut ini

 <a href="http://data.pictogame.com/games/q3UKbPAZAW8C_thumb.png" target="_blank"><img border="0" src="http://data.pictogame.com/games/q3UKbPAZAW8C_thumb.png" /></a>


Untuk mengganti link yang akan dituju, tinggal merubah kode yang berwarna merah ini sesuai dengan link tujuan anda, seperti contoh ini

 <a href="http://www.tisqiyanto.co.cc" target="_blank"><img border="0" src="http://data.pictogame.com/games/q3UKbPAZAW8C_thumb.png" /></a>


sedangkan untuk menambahkan judul pada gambar, tinggal menambahkan title seperti contoh berikut ini

<a href="http://www.tisqiyanto.co.cc" target="_blank"title="Serba- serbi blog"><img border="0" src="http://data.pictogame.com/games/q3UKbPAZAW8C_thumb.png" /></a>


hasilnya akan menjadi seperti ini:



Selamat mencoba...

Baca Juga Artikel Lain Berikut ini:
* Cara Menambahkan Tampilan Jam Pada Blog
* Cara Membuat Tulisan Berkedip-kedip
* Cara Menambah Image Pada Link Download
* Membuat Tulisan Bergerak
* Cara Mengganti Template Pada Blogspot
* Cara Menambahkan Gambar Slideshow Pada Blog
* Menambahkan Dafter Isi Pada Blog
* Menambahkan Tampilan Video Kedalam Blog
* Cara Membuat Menu Dropdown Standart
* Cara Membagi Postingan Menjadi Dua Kolom
* Cara Merubah Domain Dari Blogspot Menjadi .co.cc
* Memberi Background Warna Pada Tulisan Postingan
* Cara Membuat Pop-up
* Membuat Link Dalam Gambar
* Cara Membuat Kotak Tabel Dalam Postingan
* Cara Membuat Menu Drop Down Menggunakan CSS Menu Maker
* Membuat Kolom Scroll
* Cara Membuat Share Artikel
* Cara Membuat Text Area dan Textbox Area Berfasilitas Select All
* Cara Membuat Readmore
* Cara Membuat Iklan Melayang


0 komentar:

Posting Komentar