Selasa, 19 Februari 2019

Cara Menyisipkan Link Pada Gambar By Bulan Ramadlan Bura

Bulan Ramadlan Bura ::: Cara Menyisipkan Link Pada Gambar By Bulan Ramadlan Bura
Buat teman teman blogger yang masih baru belajar ngeblog kadang masih kebingungan untuk menyisipkan link pada gambar.
Gambar yang sudah disisipkan link nantinya jika diklik maka akan terbuka laman link itu sendiri, atau juga dikenal dengan istilah backlink dengan gambar yang biasanya bentuk backlink itu menggunakan anchor text juga bisa menggunakan gambar sebagai ganti dari teks. dan inilah pembahasan kita kali ini.

Agar tidak panjang lebar dan lebih mudah dipaham Bulan Ramadlan Bura tidak akan panjang lebar berbicara mengenai hal ini, saya akan langsung memberikan tutorial saja. dan sebagai contoh saya akan upload gambar dulu yaitu gambar di bawah ini:
Gambar diatas kalau kita lihat link lokasi gambarnya adalah:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpKVEqqkhdOq7jqOVLD7CHNb5qtHvVfJjHDlGe_sP_rPlFbXrtLrWcL4-wKMtoHWZD_goPNiZ1cFYV3TD1XfyMjsFk7LI5MvN7reRH04Q5z9QoN5IMPHBc7OaVyH1QDgt61Plaf2rpSTpQ/s1600/Bulan+Ramadlan+Bura.png

Agar gambar diatas tampil di laman postingan atau gadget maka perlu menggunakan format html sebagai berikut:

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpKVEqqkhdOq7jqOVLD7CHNb5qtHvVfJjHDlGe_sP_rPlFbXrtLrWcL4-wKMtoHWZD_goPNiZ1cFYV3TD1XfyMjsFk7LI5MvN7reRH04Q5z9QoN5IMPHBc7OaVyH1QDgt61Plaf2rpSTpQ/s1600/Bulan+Ramadlan+Bura.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="43" data-original-width="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpKVEqqkhdOq7jqOVLD7CHNb5qtHvVfJjHDlGe_sP_rPlFbXrtLrWcL4-wKMtoHWZD_goPNiZ1cFYV3TD1XfyMjsFk7LI5MvN7reRH04Q5z9QoN5IMPHBc7OaVyH1QDgt61Plaf2rpSTpQ/s1600/Bulan+Ramadlan+Bura.png" /></a></div>

Hasilnya akan nampak seperti:
https://bulanramadlanbura.blogspot.com

Dan untuk menyisipkan link contohnya akan menyisisipkan "https://bulanramadlanbura.blogspot.com" maka menambah kode seperti ini:
<a href="https://bulanramadlanbura.blogspot.com/" target="_blank">

atau lengkapkan begini:
<div class="separator" style="clear: both; text-align: center;">
<a href="https://bulanramadlanbura.blogspot.com/" target="_blank"><img alt="https://bulanramadlanbura.blogspot.com" border="0" data-original-height="43" data-original-width="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpKVEqqkhdOq7jqOVLD7CHNb5qtHvVfJjHDlGe_sP_rPlFbXrtLrWcL4-wKMtoHWZD_goPNiZ1cFYV3TD1XfyMjsFk7LI5MvN7reRH04Q5z9QoN5IMPHBc7OaVyH1QDgt61Plaf2rpSTpQ/s1600/Bulan+Ramadlan+Bura.png" /></a></div>

atau menggunakan kode seperti ini:

<div class="separator" style="clear: both; text-align: center;">
<a href="https://bulanramadlanbura.blogspot.com/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpKVEqqkhdOq7jqOVLD7CHNb5qtHvVfJjHDlGe_sP_rPlFbXrtLrWcL4-wKMtoHWZD_goPNiZ1cFYV3TD1XfyMjsFk7LI5MvN7reRH04Q5z9QoN5IMPHBc7OaVyH1QDgt61Plaf2rpSTpQ/s1600/Bulan+Ramadlan+Bura.png" /></a></div>

atau bisa juga tanpa div sehingga seperti ini:


<a href="https://bulanramadlanbura.blogspot.com/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpKVEqqkhdOq7jqOVLD7CHNb5qtHvVfJjHDlGe_sP_rPlFbXrtLrWcL4-wKMtoHWZD_goPNiZ1cFYV3TD1XfyMjsFk7LI5MvN7reRH04Q5z9QoN5IMPHBc7OaVyH1QDgt61Plaf2rpSTpQ/s1600/Bulan+Ramadlan+Bura.png" /></a>

Sehingga hasilnya nanti akan seperti ini:
https://bulanramadlanbura.blogspot.com

Agar Mudah silahkan anda ganti saja link target anda sendiri dan link gambar anda sendiri. dan sekian dari saya semoga bisa membantu anda para blogger yang masih baru belajar ngeblog dan semoga sukses.

0 komentar:

Posting Komentar

◄ Posting Baru Posting Lama ►