Cara untuk besarkan gambar bila diupload kedalam blog

Hari ini aku nak tunjukkan cara untuk besarkan image yang mahu diuploadkan kedalam blog.Jika anda perasan bila anda cuba uploadkan image yang bersaiz besar kedalam blog anda image itu tetap akan menjadi kecil semula dan tidak mengikut saiz image yang anda cuba upload itu.Untuk membuatkan image yang diupload itu bersaiz besar kita boleh menggunakan cara hack.Cuba anda tengok contoh gambar yang aku uploadkan dibawah ini dengan cara biasa dan juga dengan cara menggunakan hack image.

Upload image menggunakan cara biasa setelah memilih large image saiz.

Upload image menggunakan cara yang telah di hack.

Dengan menggunakan cara ini gambar yang telah anda uploadkan akan menjadi lebih besar daripada cara yang asal dan gambar anda juga akan kelihatan lebih jelas dan cantik.Ingin ketahui cara untuk membuatnya anda boleh lihat dibawah.

1.Sebelum membuat hack ini pertama sekali anda perlu tahu berapakah saiz main body template yang anda gunakan contoh untuk main body template aku adalah 494px jadi aku dapat besarkan gambar yang aku nak uploadkan adalah sebesar 494px tetapi untuk memberikan sedikit ruang ditepi gambar itu jadi aku letakkan ia sebanyak 470px.

2.Sekarang pergi ke layout-->edit html.
kemudian cari kod ini

</b:skin>

3.setelah itu anda copy kode dibawah ini dan pastekan diatas

</b:skin> tadi.

img {
max-width: 470px;
width: expression(this.width > 470 ? 470: true);

4.Kemudian save.

#p/s: anda perlu tukarkan angka yang aku tandakan dengan warna merah itu bersesuaian dengan lebar saiz main body anda.

5.Sekarang apabila anda upload image kedalam blog anda perlu memilih EDIT HTML dan anda akan dapat melihat kode seperti dibawah ini.

<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_ESZUCPXfZRg/SlxaxlHQNOI/AAAAAAAACfI/ws__Xvxax8Q/s1600-h/cocaset_icons.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 302px;" src="http://1.bp.blogspot.com/_ESZUCPXfZRg/SlxaxlHQNOI/AAAAAAAACfI/ws__Xvxax8Q/s400/cocaset_icons.jpg" alt="" id=&quot BLOGGER_PHOTO_ID_5358257464486671586" border="0" /></a>

Apa yang anda perlu buat hanyalah membuang width dan height yang aku tandakan dengan warna coklat itu.dan tukarkan s400 kepada s800.


Contoh kode yang telah diubah.

</div><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_ESZUCPXfZRg/SlxaqNz-BaI/AAAAAAAACfA/lDI2iXvErFI/s1600-h/cocaset_icons.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://1.bp.blogspot.com/_ESZUCPXfZRg/SlxaqNz-BaI/AAAAAAAACfA/lDI2iXvErFI/s800/cocaset_icons.jpg" alt="" id="BLOGGER_PHOTO_ID_5358257337972688290" border="0" /></a>

6.Siap.semoga bejaya.