Selamat datang di Kios-Tutorial

Cara Mudah Membuat Link Text Dan Link Bergambar

Monday, December 30, 20132komentar

Cara Mudah Membuat Link Text Dan Link Bergambar

Membuat Link Text atau Link Bergambar sangatlah mudah, hanya dengan kode HTML standar kita bisa melakukannya. Mari kita langsung ke topik pembahasan, yaitu membuat link text dan link bergambar.

Link Text

Hanya dengan memasukkan kode HTML singkat seperti di bawah ini kalian sudah bisa membuat sebuah kalimat atau tulisan kalau di klik akan menuju ke sebuah situs atau blog atau tautan tertentu.
Copy paste kode di bawah ini pada widget maupun postingan kalian, dengan catatan harus berada pada kolom HTML.

 kode
<a href = "http://kios-tutorial.tk" >contoh link text</a>

contoh jadi

keterangan :
  • Tulisan warna MERAH, ganti dengan URL tujuan kalian
  • Tulisan warna BIRU, ganti dengan tulisan yang diinginkan

Link Gambar

Hampir sama seperti membuat Link Text di atas, cuma ada beberapa kode yang perlu ditambahkan sehingga gambar yang akan kita isi Link bisa di klik oleh orang lain dan menuju ke tautan yang kita harapkan.
Langsung saja, silahkan copy paste kode di bawah ini :

kode
<a href="http://kios-tutorial.tk"><img src="http://1.bp.blogspot.com/-xFW26_XzlSY/UsEbAi4vrZI/AAAAAAAAABs/eiEbunNneqE/s1600/icon.png" alt="Membuat link bergambar"/></a>

contoh link gambar
Membuat link bergambar

keterangan :
  • Ganti tulisan warna MERAH, dengan URL tujuan kalian
  • Ganti tulisan warna BIRU, dengan URL gambar kalian
  • Ganti tulisan warna UNGU, dengan nama dari gambar kalian dan ini berguna untuk membuat Alt text pada gambar berguna agar gambar masuk dalam search engine google.

Semoga tutorial singkat di atas dapat dengan mudah di pahami dan di praktekkan
Terima kasih sudah mampir dan meluangkan waktu untuk membaca

Tutorial Tips & Trik Photoshop | Illustrator | Cinema 4D | Blog & Seo

Share this article :

+ komentar + 2 komentar

January 19, 2014 at 10:35 PM

titlenya g ada nih mas untuk text linknya

January 21, 2014 at 12:37 PM

maksudnya TITLE apa sob ?

Post a Comment

- Maaf, komentar LINK AKTIV / IKLAN akan saya HAPUS
- Komentar sara / spam akan saya hapus
- Jika ada link gambar yang mati laporkan disini
- Berkomentarlah dengan bijak sesuai dengan artikel
- Komentar anda merupakan undangan buat saya

 
Support : Cara Gampang | Creating Website | Johny Template | Mas Templatea | Pusat Promosi
Copyright © 2013. Tutorial Tips & Trik - All Rights Reserved
Template Created by Creating Website Re-Design by Kios
Proudly powered by Blogger