Kadang kita lihat di dalam blog atau website ada tulisan seperti ini" klik disini ",dan jika kita klik akan merujuk,atau mengantarkan kita ke situs atau halaman lain.Untuk para web master atau orang-orang yang sudah terbiasa dengan html,ini hanyalah hal yang mudah,namun buat anda yang baru terjun di dunia blogging dan belum tahu html,ini merupakan hal yang asing bukan?.
begini nih caranya.
pada saat membuat post atau halaman pada pojok kiri atas ada tulisan compose dan html pada dua buah button yang bersebelahan,nah jika anda ingin mengganti link dengan teks adalah sebagai berikut.
klik tombol html,lalu ketik :
<a href="http://linkanda.com">teks pengganti link </a>
klik button compose maka akan anda lihat "Teks pengganti link" menjadi biru,dan jika di klik akan menuju "http://linkanda.com".
mudah bukan..
jika anda ingin membuat link terbuka di tab baru jika "tulisan pengganti link" di klik,anda tinggal menambahkan target="blank" setelah url/link anda.
contoh:
<a href="http://linkanda.com" target="blank">teks pengganti link</a>
anda juga bisa membuat gambar yang di klik merujuk ke url atau menuju link tertentu caranya adalah sebagai berikut.
Cara menambahkan link pada gambar di blog
img src= adalah lokasi gambar yang akan di tampilkan.
alt= adalah teks pengganti jika browser kekurangan koneksi dan gambar tidak bisa di tampilkan.maka teks alt ini yang akan muncul.
widht=lebar gambar
height=tinggi gambar
nah jika kita ingin gambar tersebut jika di klik menuju link yang di tentukan anda tinggal menambahkan
<a href="http://linkanda.com"></a>
jadi kita hanya tinggal mengetik
<a href="http://linkanda.com">gambar dalam html</a>
contoh
<a href="http://www.artwear.co.nr"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKxC671NJ-96mgcgkbr1hc1CjENiJFsBxMTQUJo_xckeqNKSAV-Aq88IXi9MMF5U2e44PQExn8AJquNcA-m2FRWT87Km8rfXYek3S3zW7lfrINMaf5ir9QjfjdAH-28s1j608evSF8jas/s1600/banner.gif" alt="itsuka artwear" widht="135" height="60"/></a>
tampilan dari contoh di atas adalah seperti ini.
nah jika anda ingin membuat link terbuka di tab baru saat di klik,anda tinggal menambahkan target="blank" pada kode html setelah url/link nda.
contohnya seperti ini.
<a href="http://www.artwear.co.nr" target="blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKxC671NJ-96mgcgkbr1hc1CjENiJFsBxMTQUJo_xckeqNKSAV-Aq88IXi9MMF5U2e44PQExn8AJquNcA-m2FRWT87Km8rfXYek3S3zW7lfrINMaf5ir9QjfjdAH-28s1j608evSF8jas/s1600/banner.gif" alt="itsuka artwear" widht="135" height="60"/></a>
dan penampakannya adalah seperti ini.
selamat mencoba,dan semoga bermanfaat..
0 komentar:
Posting Komentar