Selamat berjumpa lagi di fayescool.blogspot.com yang pada kesempatan ini akan mencoba share Tentang "Cara Memasang Link Pada sebuah Gambar" diblog butut ini. Seperti apakah info tentang "Cara Memasang Link Pada sebuah Gambar" ini, mari kita cekidot berikut ini:
Cara Memasang Link Pada sebuah Gambar - Ketika kita upload sebuah gambar maka kde htmlnya akan setandar dan bila gambar tersebut memiliki link maka akan diarahkan ke link gambar secara langsung. Pada kode gambar biasanya akan seperti berikut:
Gambarnya akan nampak seperti ini:
Keterangan kode gambar diatas:
Demikianlah sharing ane tentang "Cara Memasang Link Pada sebuah Gambar" di fayescool.blogspot.com ada salah apapun saya mohon maaf. Happy Blogging..
Cara Memasang Link Pada sebuah Gambar - Ketika kita upload sebuah gambar maka kde htmlnya akan setandar dan bila gambar tersebut memiliki link maka akan diarahkan ke link gambar secara langsung. Pada kode gambar biasanya akan seperti berikut:
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLC2jGEqM5xOWQzr7dScGAOU-VU8poC0ZsQRz8fL5fVntsUjT08GSJJCWf4CL84sTtNYM8tbO0aIMH7KI2OIB-CcO5FMMFgJS6wV6IMbickCHEOSv33HDInqfOA5gFVZxurLHs3_CgwLI/s1600/buttondownload.JPG" target="_blank">
<img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLC2jGEqM5xOWQzr7dScGAOU-VU8poC0ZsQRz8fL5fVntsUjT08GSJJCWf4CL84sTtNYM8tbO0aIMH7KI2OIB-CcO5FMMFgJS6wV6IMbickCHEOSv33HDInqfOA5gFVZxurLHs3_CgwLI/s1600/buttondownload.JPG" width="200px"" /></a></div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLC2jGEqM5xOWQzr7dScGAOU-VU8poC0ZsQRz8fL5fVntsUjT08GSJJCWf4CL84sTtNYM8tbO0aIMH7KI2OIB-CcO5FMMFgJS6wV6IMbickCHEOSv33HDInqfOA5gFVZxurLHs3_CgwLI/s1600/buttondownload.JPG" target="_blank">
<img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLC2jGEqM5xOWQzr7dScGAOU-VU8poC0ZsQRz8fL5fVntsUjT08GSJJCWf4CL84sTtNYM8tbO0aIMH7KI2OIB-CcO5FMMFgJS6wV6IMbickCHEOSv33HDInqfOA5gFVZxurLHs3_CgwLI/s1600/buttondownload.JPG" width="200px"" /></a></div>
Gambarnya akan nampak seperti ini:
Keterangan kode gambar diatas:
- https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLC2jGEqM5xOWQzr7dScGAOU-VU8poC0ZsQRz8fL5fVntsUjT08GSJJCWf4CL84sTtNYM8tbO0aIMH7KI2OIB-CcO5FMMFgJS6wV6IMbickCHEOSv33HDInqfOA5gFVZxurLHs3_CgwLI/s1600/buttondownload.JPG" = Kode yang ane tandai dengan warna merah ini lah yang bisa diganti dengan link tertentu. Contohnya mau di ganti dengan link alamat blog kita, link download (kebetulan diatas gambarnya untuk tombol download) atau yang lainnya...
- target="_blank" = ini berfungsi agar link membuka tab baru
- src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLC2jGEqM5xOWQzr7dScGAOU-VU8poC0ZsQRz8fL5fVntsUjT08GSJJCWf4CL84sTtNYM8tbO0aIMH7KI2OIB-CcO5FMMFgJS6wV6IMbickCHEOSv33HDInqfOA5gFVZxurLHs3_CgwLI/s1600/buttondownload.JPG" = Hosting gambar yang akan di tampilkan..
- width="200px = ukuran lebar gambar, bila tidak ada kode hight biasanya tingi gambar akan menyesuaikan sendiri.
Demikianlah sharing ane tentang "Cara Memasang Link Pada sebuah Gambar" di fayescool.blogspot.com ada salah apapun saya mohon maaf. Happy Blogging..
4.5
»
Postingan Terkait
» Rating
2 comments :
Trima kasih infonya, sangat bermanfaat dan langsung di terapkan di blog saya, mampir ya gan...?
Sips tutorialnya Gan...soalnya mau pasang link di gambar nih cuman lupa caranya hehehe... mampir ke blog ane ya Gan... thanks
Post a Comment