Skip to main content

Cara Membuat Link Pada Gambar di Blog

Cara Membuat Link Pada Gambar di Blog – Kemarin saya sudah posting Cara Membuat Widged atau Tulisan Rata Tengah (Center) yang bertujuan agar widged dan tulisan atau gambar bisa rata tengah dengan baik yang tentunya dapat merapikan tampilan blog kita. Sekarang saya akan berbagi tips yaitu Cara Membuat Link Pada Gambar yang bertujuan mengalihkan gambar pada URL yang diinginkan.

Untuk membuat link pada gambar sebenarnya semudah menautkan URL Link Anchor pada teks di blog. namun tentunya ada perbedaan untuk membuat link pada gambar, untuk membuat link pada gambar kita harus membuat kode pemanggil gambar yang bisa kita gunakan untuk mengarahkan ulang URL yang kita inginkan.

Cara Membuat Link Pada Gambar di Blog

Disini saya akan menjelaskan cara membuat link gambar pada blog yang bisa anda letakkan di halaman blog atau di sidebar, namun anda juga bisa menggunakannya untuk memasang iklan di blog.

1. Untuk mendapatkan URL gambar, Anda harus mengupload gambar yang diinginkan terlebih dahulu, yang sering saya gunakan adalah situs Photobucket.com.

2. Copy link url gambar yang sudah diupload tadi.

3. Cara Membuat Link pada Gambar di Blog dapat dilakukan dengan 2 cara kode yang umum yaitu :

Cara 1: Ini yang paling direkomendasikan, karena kode ini Valid HTML5

<a href=’URL Tujuan‘><img alt=’Keterangan Gambar‘ src=’Url Gambar‘ title=’Judul Gambar‘/></a>

Keterangan:

URL Tujuan adalah alamat link pada gambar, ketika seseorang mengklik gambar tersebut, maka akan diarahkan ke link tujuan.

Keterangan Gambar adalah keterangan pada gambar.

URL Gambar adalah URL gambar yang telah diupload untuk ditampilkan di blog.

Judul Gambar adalah judul pada gambar.

Berikut ini contohnya:

<a href=’http://www.panduandroid.com/‘><img alt=’Iklan 125×125‘ src=’http://i1261.photobucket.com/albums/ii585/panduandroid/banner125x125_zps642e2780.png‘ title=’Cara Membuat Link Pada Gambar di Blog‘/></a>

Cara 2: Cara Membuat Link Pada Gambar di Blog

<a href=”http://www.panduandroid.com/“><img src=”http://i1261.photobucket.com/albums/ii585/panduandroid/banner125x125_zps642e2780.png” alt=”Cara Membuat Link Pada Gambar di Blog“/></a>

Cara 3: Cara Membuat Link Pada Gambar di Blog

<img src=’http://i1261.photobucket.com/albums/ii585/panduandroid/banner125x125_zps642e2780.png‘ alt=’Cara Membuat Link Pada Gambar di Blog‘ href=’http://www.panduandroid.com/2013/07/cara-membuat-link-pada-gambar-di-blog.html‘ />

Sekian dulu artikel cara membuat link pada gambar di blog, semoga bermanfaat, silahkan langsung dicoba, jika ada pertanyaan silahkan tinggalkan pesan.

Comment Policy: Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.
Buka Komentar
Tutup Komentar