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.

10 comments:

  1. la tq je..dah x boleh berkata2 dah ke?

    ReplyDelete
  2. General Computer Tutorials at:
    -----------------------
    http://pc-tutorials101.blogspot.com/
    ------------------------------------
    http://www.You4Dating.com 100% Free Dating website!

    Our Website - is a great way to find new friends or partners, for fun, dating and long term relationships.
    You4Dating Free Online Dating ,You4Dating is a Free 100% Dating Site, There are No Charges ever. We allow You to Restrict who can Contact You, and Remove those unfit to Date.

    You4Dating is Responsible for Creating Relationships per Year proving it is possible to Find Love Online. It will Quickly become a Leader in the Internet Dating Industry because of its Advanced Features and matching Systems,and most of all,Because is a 100% Free-There are No Charges Ever.
    You4Dating is an International Dating Website Serving Single Men and Single Women Worldwide. Whether you're seeking Muslim,Christian,Catholic, Singles Jewish ,Senor Dating,Black Dating, or Asian Dating,You4Dating is a Right Place for Members to Browse through, and Potentially Find a Date.
    Meet more than 100000 Registred Users
    Multy Language Dating Site.
    --------------------------------------
    http://www.You4Dating.com

    ReplyDelete
  3. owh yana pun bole ucap tq jgk je ke..hehe pelik..pelik

    ReplyDelete
  4. LOH..gitu rupenyer... trimas le..

    ReplyDelete
  5. salam,

    camne nak tahu saiz main body template. sori saya budak baru belajar

    ReplyDelete
  6. kode utk main mgkn berbeza utk sesetengah template tetapi boleh cuba cari kode main-wrapper..

    ReplyDelete
  7. blog ni ada detect malware lar.. admin selongkar yer

    ReplyDelete

Sila tinggalkan komen ada dibawah ini dan yang berkenaan dengan post sahaja dan semua komen akan ditapis dahulu sebelum ditampilkan.