Cara Menambahkan Title Pada Gambar Artikel

trikpos - Cara mudah menambahkan kode title pada gambar di postingan , apasih fungsi title dari sebuah gambar ? fungsi dari kode title adalah untuk mengidentifikasi obyek dan profile ID gambar , title atau judul garmbar sepertinya merupakan hal yang sepele, tetapi sangat berpengaruh dengan content-content yang ada dalam postingan , bisa anda bayangkan bagaimana jika seseorang yang tidak memiliki ID ktp, bagaimana cara anda mengenalinya, bagaimana anda memanggilnya, nah dengan kita menambahkan kode pada setiap gambar , judul serta profile gambar bisa di ketahui dengan jelas. Oke mari kita bahas titel image lebih lanjut

<div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZHI-hWINfdLkMk4G583LUFmCK1T8xXiy4hkPw4UeUsDlaVAHzwo-6fw_OFPNE6GK8F3ySpcI3idvlphKSTdJrBLS5VWkucbiJ0ziPkd881SGtWQCdnJ5RbPZtLxATv9Qr-UjWnYi5jAiK/s1600/animasi_image_title.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZHI-hWINfdLkMk4G583LUFmCK1T8xXiy4hkPw4UeUsDlaVAHzwo-6fw_OFPNE6GK8F3ySpcI3idvlphKSTdJrBLS5VWkucbiJ0ziPkd881SGtWQCdnJ5RbPZtLxATv9Qr-UjWnYi5jAiK/s1600/animasi_image_title.gif" /></a> </div>

Title Gambar Artikel

Anda lihat sederetan URL di atas ? URL tersebut adalah alamat (defauld) gambar yang muncul setiap kali anda mengupload gambar ke blogspot pada artikel anda , untuk menambahkan kode title dan memberi link pada gambar, kita hanya sedikit mengedit kode diatas, atau lebih mudahnya hapus dan ganti kode diatas dengan kode berikut

<center><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZHI-hWINfdLkMk4G583LUFmCK1T8xXiy4hkPw4UeUsDlaVAHzwo-6fw_OFPNE6GK8F3ySpcI3idvlphKSTdJrBLS5VWkucbiJ0ziPkd881SGtWQCdnJ5RbPZtLxATv9Qr-UjWnYi5jAiK/s1600/animasi_image_title.gif" title="Menambahkan Title Pada Gambar Artikel ">
<img alt="nama alternatif Gambar " src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZHI-hWINfdLkMk4G583LUFmCK1T8xXiy4hkPw4UeUsDlaVAHzwo-6fw_OFPNE6GK8F3ySpcI3idvlphKSTdJrBLS5VWkucbiJ0ziPkd881SGtWQCdnJ5RbPZtLxATv9Qr-UjWnYi5jAiK/s1600/animasi_image_title.gif" /></a></center>

Pertama kita akan memberi link pada gambar:
Silahkan ganti url warna kuning pada kode di atas dengan alamat post atau homepage blog anda, atau sesuai selera kalau menurut saya mendingan di ganti alamat post , kenapa? jika anda ganti dengan homepage pembaca akan di alihkan ke halaman utama blog anda dan artikel tidak terbaca sampai dengan selesai.

Kedua: kita akan memberi title pada gambar:
silahkan ganti tulisan warna merah misal judul posting

Ketiga: kita akan memberi nama alternatif pada gambar (alt):
ganti tulisan hijau misal alamat blog anda

Lalu apa keuntungan dari hasil pengeditan serta penambahan kode image tersebut..?

1- gambar mengandung link
Ini merupakan keuntungan bagi pemilik blog , misal jika ada seseorang hendak mencopi gambar , biasanya dia mengeklik gambar terlebih dahulu , nah secara otomatis anda mendapatkan satu back link geratis lumayan kaan. ?

2- gambar memiliki title
inilah fungsi utama dari penambahan kode title, jika anda mengamati gambar yang lengkap dengan kode title , gambar akan memunculkan keterangan serta judul post yang tersimpan pada gambar setiap kali maospointer di arahkan ke obyek gambar tersebut,

3- gambar memiliki nama alternatif
ini berfungsi jika jaringan lagi kurang baik sehingga menyebabkan browser lambat loading dan gambar tidak muncul, nah jika gambar tidak muncul maka nama alternatiflah yang akan terlihat menggantikan gambar berupa teks
4- gambar memiliki keterangan
untuk keterangan atau dipcription gambar, hanya untuk pelengkap identitas gambar saja dan menambah kesan unik serta menarik

Dan inilah hasil kode di atas menjadi seperti ini

<div class="keterangan" style="width:89%;">
<span>image by © trikpos</span></div>

Jadinya seperti ini

ganti tulisan ilustrasi gambar by ©trikpos.com misal nama blog anda
"width:89%;"> silahkan tambah atau kurangi untuk menyesuaikan lebar gambar
Dan hasil gambar menjadi seperti ini, jika gambar tersebut di klik maka akan mengarah kembali ke halaman ini
nama alternatif gambar