Wednesday, October 28, 2009

Post pertama dan trick menarik

Alhamdulillah, akhirnya dapat juga aku buat blog ini. Blog ini aku sasarkan untuk aku berkongsi apa sahaja benda-benda yang best macam movie ke lagu ke software ke dan berita-berita utama, hehe. Ok taknak merepek lama-lama, goodluck to me. Mission begin...

Untuk permulaan aku nak kongsikan satu teknik baru untuk view gambar dalam blog. Kebiasaannya orang akan post gambar seperti di bawah:


Sekarang cuba klik gambar dibawah ini:


Hehe terpegun tak? Aku masa mula-mula tengok, memang teruja jugalah. Apa? Macam mana mahu buat?


Ada dua step yang perlu dibuat:

1) Mula-mula anda perlu buka layout-->page elements-->add a gadget-->html/javascript.
Selepas itu, pastekan kod di bawah ini:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>

<script src="
http://www.yourjavascript.com/610310434009/unwanted86.blogspot.com.js" type="text/javascript">

/***********************************************
* Kod telah di'edit' oleh unwanted
* Pastikan notis ini tidak dibuang untuk menghargai kerja² edit yang dilakukan oleh unwanted
* -- Sharing Is Caring -- http://www.unwanted86.blogspot.com --
***********************************************/
</script>

Klik save. Ok sudah siap bahagian yang pertama. Buat sekali je.

2) Untuk setiap gambar yang diupload, anda perlu pastekan kod seperti ini:
<img src="url gambar disini" class="magnify" data-magnifyby="2" style="width:200px; height:150px cursor: url(magnify.cur), -moz-zoom-in; " />

  • url gambar disini: pastekan url gambar yang diupload.
  • 1: merupakan nilai skala pembesaran gambar.
Sekiranya tidak jelas dan untuk lebih pemahaman sila download tutorial di bawah:

Download with:


No comments:

Post a Comment

Related Posts with Thumbnails