.








Salam Korang..


Hari nie wan nak Wat tutorial "gambar membesar bila cursor menyentuh gambar korang"


Law nak contoh...try arahkan cursor korang ke gambar Wan kat bawah nie....




Dah try.....


Ok..Law korang nak wat



Jom Tutorial



Bagi penguna template blogger and layout

Dashboard>Layout/template blogger/design>Edit HTML

kemudian klik pada Expand Widget Templates..tekan CTRL+F pada keyboard dan copy paste code di bawah ini ke ruangan find

cari kod </head>


</head>


(CTRL+C serentak untuk copy)


Bagi penguna template

Dashboard > Template

Cari kod </head>


Tekan CTRL+F pada keyboard dan copy paste code di bawah ini ke ruangan find

</head>

(CTRL+C serentak untuk copy)





Law da jumpa


korang copy kod kat bawah nie pastekan diatas </head>


---------------------------

<style type='text/css'>
border: none;
vertical-align: top;
}
</style>
<script src='http://sites.google.com/site/masdoyoksite/javascript/masdoyokexpando.js' type='text/javascript'>

/* http://www.MasDoyok.co.cc (c) Script 2009*/

</script>


-------------------------------



Lepas selesai.. korang Save



Dah selesai tu..law korang nak wat gambar membesar untuk entri.. korang gune care nie k

Mula mula korang upload gamabr korang..guna LARGE k..contoh cam gambar kat bawah nie..



Dah selesai upload..korang klik kat edit HTML kat atas box posts korang tu..contoh gambar kat bawah nie




Ok dah kan..

Lepas tu korang akan jumpa kod gambar korang camnie


<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9dt7NvJk9vyQL827_CzDnoD7vreVVsKe1xBY0y1NuD-ohUE2M9hfzjuoCSaZY1UC6GGvLAZTqfJAd94-vdLL_drnXY8mAnwrED_23yHFd-N06L9kOsS_NRfG856ZNhPIAzng1YlybLuE/s1600/blogger+middle.jpg"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 293px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9dt7NvJk9vyQL827_CzDnoD7vreVVsKe1xBY0y1NuD-ohUE2M9hfzjuoCSaZY1UC6GGvLAZTqfJAd94-vdLL_drnXY8mAnwrED_23yHFd-N06L9kOsS_NRfG856ZNhPIAzng1YlybLuE/s400/blogger+middle.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5510301707762916994" /></a>


So korang kene ubah skit je dalam kod gambar korang tu..korang tambah kod nie class="expando" diantara img style So akan menjadi cam nie


img class="expando" style


lepas tu korang ubah plak width: 400px; height: 293px; kepada width: 320px; height: 234px;

dan selesai...so semua tu akan jadi contoh kat bawah nie


<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9dt7NvJk9vyQL827_CzDnoD7vreVVsKe1xBY0y1NuD-ohUE2M9hfzjuoCSaZY1UC6GGvLAZTqfJAd94-vdLL_drnXY8mAnwrED_23yHFd-N06L9kOsS_NRfG856ZNhPIAzng1YlybLuE/s1600/blogger+middle.jpg"><img class="expando" style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand; width: 320px; height: 234px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9dt7NvJk9vyQL827_CzDnoD7vreVVsKe1xBY0y1NuD-ohUE2M9hfzjuoCSaZY1UC6GGvLAZTqfJAd94-vdLL_drnXY8mAnwrED_23yHFd-N06L9kOsS_NRfG856ZNhPIAzng1YlybLuE/s400/blogger+middle.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5510301707762916994" /></a>




Selesai...

Tu...je


Law korang nak Wat gambar kat side korang membesar lak korang gune kod nie k.



<img class="expando" border="0" src="URL GAmbar korang" width="150" height="150">


width="150" height="150" korang bleh kecilkan lagi or besarkan lagi...tapi jangan lah sama besar ngan size gambar sebenar k..




k



Selamat mencuba.




papai..






.