Apa kabar Pemirsa ?
Cara membuat link tautan pada gambar di halaman blog
Didalam membuat link tautan pada gambar di halaman blog, dan hal-hal yang perlu di siapkan adalah sebagai berikut:
- Siapkan kode/script gambar
- Siapkan link URL yang akan ditautkan
- Membuat tautan dengan kode HTML
Persiapan:
Menyiapkan kode/script gambar Untuk mendapatkan kode atau script gambar, pertama silahkan unggah gambar di komputer Anda ke posting artikel, nanti kode gambar akan muncul dikotak posting, kira-kira secara default kode atau alamat gambarnya akan terlihat seperti contoh dibawah:
<div class='separator' style='clear: both; text-align: center;'> <a href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEib2oK_OvQjdBokRkBWzRyU-YhGszXjcbYmuWTbeQ6EQ-ewa4C2mN8OlefwjfO6vBiwyP-xeVuzuifAg4jJwtFLwH2KTD3vv9pBhxoAk9q2CYiY_vxFgQAVmW56Za4obIRP6DS8EG2INbab/s1600/Link+2.png' imageanchor='1' style='margin-left: 1em; margin-right: 1em;'> <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEib2oK_OvQjdBokRkBWzRyU-YhGszXjcbYmuWTbeQ6EQ-ewa4C2mN8OlefwjfO6vBiwyP-xeVuzuifAg4jJwtFLwH2KTD3vv9pBhxoAk9q2CYiY_vxFgQAVmW56Za4obIRP6DS8EG2INbab/s640/Link+2.png' /> </a> </div> Kode yang berwarna hijau adalah kode gambar Anda, cirinya diawali dengan kode:
<img , dan diakhiri dengan kode:
"/>.Ambil kode gambarnya kemudian simpan dulu kode gambar di posting artikel menjadi seperti contoh dibawah ini:
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEib2oK_OvQjdBokRkBWzRyU-YhGszXjcbYmuWTbeQ6EQ-ewa4C2mN8OlefwjfO6vBiwyP-xeVuzuifAg4jJwtFLwH2KTD3vv9pBhxoAk9q2CYiY_vxFgQAVmW56Za4obIRP6DS8EG2INbab/s640/Link+2.png' /> 
Selanjutnya menyiapkan link URL yang akan di tautkan Untuk mendapatkan link URL yang akan dibuat tautan kita ambil saja dari link artikel yang ada di blog. Caranya, buka atau klik judul artikel yang akan ditautkan di blog Anda, terserah mau pilih yang mana, kemudian ambil URL atau link artikel tersebut yang berada dihalaman paling atas di blog Anda. Lihat pada contoh gambar dibawah:
Ambil dan copy link URL artikelnya, kemudian paste-kan di posting artikel yang akan dibuat link tautan pada gambar, kira-kira contoh link URL nya akan terlihat seperti ini:
http://carasakrayblog.blogspot.com/2017/05/bagaimana-cara-membuat-link-yang-bisa-diklik-di-posting-blog.html Membuat tautan dengan kode HTML Selanjutnya untuk membuat link tautan pada gambar, tambahkan kode link URL artikel diatas dengan kode gambar dan ditambah sedikit kode HTML seperti contoh di bawah ini:
<a href="http://carasakrayblog.blogspot.com/2017/04/bagaimana-cara-membuat-link-yang-bisa-diklik-di-posting-blog.html"> <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEib2oK_OvQjdBokRkBWzRyU-YhGszXjcbYmuWTbeQ6EQ-ewa4C2mN8OlefwjfO6vBiwyP-xeVuzuifAg4jJwtFLwH2KTD3vv9pBhxoAk9q2CYiY_vxFgQAVmW56Za4obIRP6DS8EG2INbab/s640/Link+2.png' /> </a> Ada 3 kode HTML yang berwarna merah yang letaknya terpisah, kode itulah yang perlu ditambahkan ke URL Artikel yang akan di buat link tautan.
Dan tulisan berwarna hijau adalah tempat kode gambar yang letaknya disitu agar bisa di klik dan mengarah ke halaman artikel yang tadi Anda ambil link-nya.
Jika link tautan gambar diatas di publikasikan di posting artikel, maka hasilnya akan terlihat seperti dibawah ini:
Nah, gambar diatas jika diklik akan menuju halaman lain yang masih berada di blog ini.
Sampai disini cara membuat link tautan pada gambar telah selesai. Selanjutnya gunakan cara di atas untuk membuat link tautan antar halaman di blog, baik melalui link tautan pada teks maupun tautan gambar.
Cara membuat link tautan antar halaman diatas bisa juga diterapkan untuk membuat link tautan di halaman blog lainnya, seperti di navigasi, footter dan sidebar.
ADS HERE !!!