Link yang berupa gambar sering disebut oleh kalangan neter sebagai Banner. Contohnya gambar yang terpasang di bagian header blog. Bisa juga banner blog yang terpasang di bagian sidebar, biasanya banner untuk iklan yang sering kita jumpai di sidebar maupun di tempat lain yang dianggap strategis oleh pemasang iklan. Link yang berupa tombol misalnya tombol download, ketika diklik akan menuju ke tempat penyimpanan file di internet.
Ketika sebuah gambar header blog diupload maka yang terjadi gambar tersebut mengandung link, coba amati header blog anda dekatkan mouse di atasnya jika mouse pointer berubah menjadi gambar jari tangan menunjuk itu artinya ada link yang tertanam di dalam gambar tersebut. Blogger menerapkan itu semua bukan tanpa alasan, sudah barang tentu ada mempunyai maksud tersendiri. Header blog di dalamnya mengandung link yang mengarah kepada halaman homepage blog. Mungkin maksud blogger menyertakan link pada gambar header adalah sebagai navigasi bagi pengunjung yang ingin melihat tampilan halaman awal sebuah blog atau website cukup dengan mengkilk gambar header.
Di sisi lain, blog sekarang beda dengan dulu. Sekarang sudah mulai komplit, penyedia blog sudah mencantumkan fitur navigasi. Blogspot menyediakan widget navigasi di bawah header yaitu PageList dan LinkList. Dan jika pemilik blog mengaktifkan fitur PageList maka secara otomatis Blogspot memberikan link tab dengan nama Home atau Beranda. Home atau Beranda adalah link yang apabila diklik akan menuju ke halaman awal blog.
Setelah navigasi tersebut diaktifkan maka fungsi link pada gambar header menjadi mubadzir, karena sudah digantikan oleh tab link dengan nama Home atau Beranda. Selain itu gambar header yang mengandung link hanya akan mengganggu pengunjung jika sedang konsentrasi membaca artikel blog tiba-tiba halaman berganti dengan sendirinya karena tanpa sengaja mengklik gambar header.
Link gambar header bisa di-nonaktifkan dengan cara menghapus url-nya. Untuk menghapusnya agar tidak berakibat fatal, perhatikan susunan kode berikut ini:
<a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</a>
Yang perlu anda lakukan adalah mengganti kode tersebut dengan kode berikut ini:
<div style='display: block'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</div>
Setelah itu simpan atau save dan lihat hasilnya, jika anda melakukannya dengan benar maka hasilnya akan seperti gambar berikut:
Makasih tutorialnya,, salam kenal
BalasHapusthanks gan..
BalasHapustip yang bermanfaat. trim's dan salam kenal
BalasHapusTerima kasih
BalasHapusThank you tutorialnya. Dari dulu saya nyari-nyari caranya, cuma nemu di blog ini.
BalasHapusSekali lagi makasih :)