.
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 layoutDashboard>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" stylelepas 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..
.
Firstly thank you for being such a nice blogger. He is someone who will reply any question u asked him whether he knows the answer or not.
