Gambar Membesar Saat di Klik

Ustadz Manatahan June 21, 2014 0

Anda mungkin pernah membaca arlikel pada blog/web/situs yang tatkala kita meng-KLIK salah satu artikel atau gambarnya jadi membesar .

Jika anda tertarik dengan keberadaan itu, saya kasih caranya. Ikuti langkah langkah dibawah ini:

 
1. Login ke blogger
2. Tata Letak
3. Edit HTML
4. Cari kode </head>
5. Letakkan script berwarna bir berikut di atas </head>

<script>
// C.2004 by CodeLifter.com
var nW,nH,oH,oW;
function zoomToggle(iWideSmall,iHighSmall,iWideLarge,iHighLarge,whichImage){
oW=whichImage.style.width;oH=whichImage.style.height;
if((oW==iWideLarge)||(oH==iHighLarge)){
nW=iWideSmall;nH=iHighSmall;}else{
nW=iWideLarge;nH=iHighLarge;}
whichImage.style.width=nW;whichImage.style.height=nH;
}
</script>

6. Simpan Template
Sedangkan kode yang kamu gunakan untuk sidebar atau postingan kamu adalah sebagai berikut:

<img
border="0"
src="URLGambarKamu"
width="100"
height="100"
onclick="zoomToggle('100px','100px','200px','200px',this);"
>

Mudah bukan?. Selamat mencoba, semoga bermanfaat. Jangan lupa kasih komentar setelah membaca artikel ini, Ok!