image terapung d setiap penjuru belog

Saturday, February 05, 2011 | 1 talkiey²


aiy korang ! rini eiyna baek..hehe . ary2 memang eiyna baik p0n ! so, eiyna nk wt tutor tuk membuat image yangberformat jpg, gif atau png dan juga widget menjadi terapung (floating) diawang-awangan di setiap penjuru blog . korang hanya perlumenggunakan kod HTML yang sangat mudah dan terdapat satu lagi kelebihannyaiaitu, korang boleh meletakkan URL korang sendiri pada image terapung (floatingimage) . Tidak perlu untuk korang menggunakan javascript seperti yang disediakanoleh beberapa sites kerana javascript yang disediakan itu telah di pasangdengan backlink.


first tu , salin dan edit kod yang berwarna biru dan merah dibawah ini pada notepad. Pilih pada bahagian mana yang ingin di float.



Kod: Bahagian atas penjuru kiri.

<divstyle="position: fixed; top: 0px; left: 0px;"><a href="Gantikan teks ini dengan URL blog anda">Gantikan teks ini dengan kod image atau script widget</a></div>

 Bahagian atas penjuru kanan.

<divstyle="position: fixed; top: 0px; right: 0px;"><a href="Gantikanteks ini dengan URL bloganda">Gantikan teks ini dengan kod image atau script widget</a></div>

Bahagian bawah penjuru kiri.


<divstyle="position: fixed; bottom: 0px; left: 0px;"><a href="Gantikan teks ini dengan URL bloganda">Gantikanteks ini dengan kod image atau script widget</a></div>
Bahagian bawah penjuru kanan.

<divstyle="position: fixed; bottom: 0px; right: 0px;"><ahref="Gantikan teks ini dengan URL blog anda">Gantikanteks ini dengan kod image atau script widget</a></div>


 Langkah 2
Bagi kod image, anda hanya perlu edit kod berwarna merah di bawah dengan memasukkan URL bagi image yang ingin di float. Salin kod yang telah siap di edit dan gantikan pada teks Gantikanteks ini dengan kod image atau script widget.(rujuk langkah 1).
  Kod image


<img src="masukkanURL image"/>
Kod yang telah siap.


<div style="position: fixed;bottom: 0px; right: 0px;"><a href="http://swetiepinky69.blogspot.com"><imgsrc="http://efair.globecampus.ca/static/gmShow/WebUpload/Content/en_CA/Image/Twitter_FollowMe.png"/></a></div> 
 Lepas tu log in blog => Dashboard=> Layout => Add A Gadget. Klik pula pada HTML/Javascript. Seterusnya,salin kod yang telah siap di edit itu dan paste pada ruang ContentHTML/Javascript.
Akhir sekali korang preview . if korang da puas hati , klik Save . done !




Jom talkiey²

ilishaheera said...

Tak dak contoh bergambaq ka? Nak tau jugak gambaq terapung tu yang macam mana. Huhuhu...