*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 sebernarnya mudah seperti kita membaut Link Anchor URL pada teks di blog. namun tentunya ada perbedaan untuk membuat link pada gambar, membaut link pada gambar kita harus membuat kode pemanggil gambar tersebut yang bisa kita gunakan untuk mengalihkan URL yang sobat inginkan.
Berikut akan saya terangkan bagaimana Cara Membuat Link Pada Gambar di Blog yang bisa sobat pasang pada halaman blog atau pada sidebar juag abisa sobat gunakan untuk memasang iklan di blog. Cekidot!!!
1. Untuk Mendapatkan URL gambar, Sobat harus upload terlebih dahulu gambar yang diinginkan, yang sering saya gunakan adalah dengan situs Photobucket.com .
2. Copy link url gambar yang telah diupload tadi.
3. Cara Membuat Link Pada Gambar di Blog dapat dilakukan dengan 2 cara kode umum yaitu:
3. Cara Membuat Link Pada Gambar di Blog dapat dilakukan dengan 2 cara kode umum yaitu:
Cara 1: Ini yang paling disarankan, 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 sobat, ketika ada yang klik gambar akan langsung dialihkan kepada link tujuan.
Keterangan Gambar adalah keterangan gambar sobat
Url Gambar adalah URL gambar sobat ynag tadi sudah di upload untuk ditampilkan di blog.
Judul Gambar adalah judul gambar sobat.
Berikut Contohnya:
<a href=’http://www.zainelhasany.com/‘><img alt=’Iklan 125×125‘ src=’http://i1261.photobucket.com/albums/ii585/zainelhasany/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.zainelhasany.com/“><img src=”http://i1261.photobucket.com/albums/ii585/zainelhasany/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/zainelhasany/banner125x125_zps642e2780.png‘ alt=’Cara Membuat Link Pada Gambar di Blog‘ href=’http://www.zainelhasany.com/2013/07/cara-membuat-link-pada-gambar-di-blog.html‘ />
Sekian dulu share kali ini Cara Membuat Link Pada Gambar di Blog, semoga dapat bermanfaat silahkan sobat langsung praktekkan, jika ada yang ditanyakan silahkan tinggalkan pesan, Good Luck
Anda baru saja membaca artikel yang berkategori Tutorial Blog dengan judul Cara Membuat Link Pada Gambar di Blog. Jika kamu suka, jangan lupa like dan bagikan keteman-temanmu ya… By : Zain Elhasany
