Jumat, 06 Juni 2014

Cara menambahkan link di blog

      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

   Caranya sama seperti kita mengganti link dengan teks,tapi pas kia klik button html pada editor pos/halaman tidak terlihat ada gambar.karena gambar juga di tulis dalam bahasa html di belakang browser,dan akan di tampilan pada browser berupa gambar.
dalam html gambar akan berbentuk seperti ini.

<img src="http://urlgambar.com/halaman/direktori/lokasigambar.jpg" alt="lokasi gambar" widht="135" height="60"/>


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.
itsuka artwear


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.
itsuka artwear

selamat mencoba,dan semoga bermanfaat..

0 komentar:

Posting Komentar