22 Jan 2013

Menghilangkan link pada gambar header

Link dalam pengertiannya di bidang web blog disebut sebagai tautan.  Dengan link inilah alamat satu dengan lainnya dapat terhubung, sehingga dengan sekali klik browser akan membawa kita ke suatu tujuan.  Dalam penerapannya link tidak hanya berupa text saja melainkan dapat pula berupa sebuah gambar atau juga tombol.

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:

cara hilangkan link gambar header yang mengganggu

5 komentar:

  1. Makasih tutorialnya,, salam kenal

    BalasHapus
  2. tip yang bermanfaat. trim's dan salam kenal

    BalasHapus
  3. Thank you tutorialnya. Dari dulu saya nyari-nyari caranya, cuma nemu di blog ini.

    Sekali lagi makasih :)

    BalasHapus