Search This Blog

Tuesday, December 28, 2010

Blogspot Tutorial : Cara Membuat Gambar Tidak Bisa Di Klik (Diperbesar)

Blogspot Tutorial : Cara Membuat Gambar Tidak Bisa Di Klik (Diperbesar)

Pada umumnya, gambar pada Blogspot di tautkan ke link full size dengan kata lainnya jika seseorang mengeklik gambar kita maka secara otomatis gambar tersebut akan berganti ke ukuran yang lebih besar. Dari hal ini mungkin pengunjung kita bisa bingung ataupun tak berminat akan gambar kita, untuk itulah un-click-able gambar ini diperlukan.

1. Cara membuat gambar tidak bisa diperbesar pada Old Post Editor

Login ke admin Blogspot kita, seperti biasa jika mau membuat postingan. Tapi setelah upload gambar cobalah berkreasi pada tab Edit HTML untuk menemukan kode seperti di bawah:

.....<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_werty/TNP_Qq8tsZI/AAAAAAAAFUA/ADKJKtgcQmc/s1600/This+is+an+Image.jpg"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 259px; height: 194px;" src="http://1.bp.blogspot.com/_werty/TNP_Qq8tsZI/AAAAAAAAFUA/ADKJKtgcQmc/s400/This+is+an+Image.jpg" alt="" id="BLOGGER_PHOTO_ID_5536049028840403346" border="0" /></a>.....


Kode diatas terbagi atas dua warna merah dan hijau, warna merah adalah link untuk gambar pada Blogspot anda, sedang warna yang hijau adalah display gambar anda. Untuk ini anda harus menghapus sebagian gambar yang ditandai dengan warna merah dan meninggalkan warna hijau.


2. Cara membuat gambar tidak bisa diperbesar pada New Updated Post Editor

Cara kedua ini hampir sama dengan cara pertama diatas, hanya temukan kode dibawah ini setelah mengupload gambar pada tab Edit HTML di postingan Blogspot.

......<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinrRcj6z17Np917ygR8ZLSlg_Y86rP8cbUudA6mfzLwgQVYhVyAYgOjAyGISYCpjveGjGQecfQJ8eBMju4WDEmIIv21LgpDmyNQ_g2kGCjomY6V1QoHAqQ28T_VDrKf8vF6P-SHlICb9A/s1600/This+is+an+Image.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinrRcj6z17Np917ygR8ZLSlg_Y86rP8cbUudA6mfzLwgQVYhVyAYgOjAyGISYCpjveGjGQecfQJ8eBMju4WDEmIIv21LgpDmyNQ_g2kGCjomY6V1QoHAqQ28T_VDrKf8vF6P-SHlICb9A/s1600/This+is+an+Image.jpg" /></a></div>
........


Seperti terlihat diatas kode tersebut terbagi menjadi tiga bagian, merah, hijau dan biru. Warna hijau disini sebagai display untuk gambar anda, warna merah adalah link untuk gambar, sedangkan warna biru sebagai penanda gambar pada Blogspot anda. Pilih dan hapus kode dibawah warna merah, maka gambar pada blogspot anda pastilah tidak dapat diperbesar (not click-able).

No comments:

Post a Comment

LinkWithin

Related Posts Plugin for WordPress, Blogger...