Kelemahan yang tercipta dengan terlalu banyaknya posting berbentuk gambar adalah mengakibatkan loading blog semakin lambat. Untuk mensiasati hal ini ada dua cara yang mungkin kita lakukan. Cara pertama dengan mengganti gambar menjadi sebuah teks yang didalamnya berisi link gambar. Yang ke dua dengan memperkecil gambar yang digunakan sebagai pembuka link gambar yang sebenarnya. Cara paling mudah dan praktis tentu saja dengan menggunakan bentuk teks.
Contoh Kode Gambar :
<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpqSwjhq1HAuQY157WSAsWmp1VqYo9iw0pzn4KpMzoLcx7oiOXj0gDaCNorBhugdt7KwDJnGHLVps0qGDZxuHQ1n9kehNG0PthyphenhyphenWBI3WLn4yEjfhcadcQFF1hFeteRLW7YzMMIbEYUVrc/s1600-h/212u4d1_th.jpg"><img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 128px; height: 159px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpqSwjhq1HAuQY157WSAsWmp1VqYo9iw0pzn4KpMzoLcx7oiOXj0gDaCNorBhugdt7KwDJnGHLVps0qGDZxuHQ1n9kehNG0PthyphenhyphenWBI3WLn4yEjfhcadcQFF1hFeteRLW7YzMMIbEYUVrc/s200/212u4d1_th.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5396738851691999490" /></a>
Kode berwarna merah bagian atas maupun bawah dihilangkan dan kode merah bagian bawah di ganti dengan teks. Misalnya dengan sebutan Gambar 1, Gambar 2 atau yang lain. Bentuk KODE setelah dilakukan perubahan menjadi seperti di bawah ini:
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpqSwjhq1HAuQY157WSAsWmp1VqYo9iw0pzn4KpMzoLcx7oiOXj0gDaCNorBhugdt7KwDJnGHLVps0qGDZxuHQ1n9kehNG0PthyphenhyphenWBI3WLn4yEjfhcadcQFF1hFeteRLW7YzMMIbEYUVrc/s1600-h/212u4d1_th.jpg"
title="Tuliskan Judul Gambar di sini" target="_blank">
Gambar 1
</a>Dengan bentuk baru seperti di atas, apabila teks Gambar 1 di KLIK menggunakan mouse, maka gambar akan muncul.Silahkan KLIK "Gambar Kodhok" di bawah ini untuk mencobanya!
0 komentar:
Posting Komentar