Iklan Khidmat Komuniti Malaysia Fitrihadi!


_
*Dengan ini di umumkan blog ni dah ditamatkan perkhidmatannya! Jom ke blog baru. Lebih tips, lebih cerita lebih kelakar!
FITRIHADI.COM

Wednesday, March 17, 2010

Tutorial letak icon tergantung

Walaupun mood tak menentu kebelakangan ni (macam PMS je a.k.a Perangai Macam Singa haha), tapi nak update gak. Dan demi melangsaikan hutang soalan-soalan yang ditanya readers sebelum ni. Akan fit punggah segala tips untuk blogspot yang fit guna dalam blog ni.

Ok tutorial ni maybe orang dah bagitau.. tapi just untuk reference for my reader dan sesiapa saja yang berkunjung ke blog ni. Tapi ada rahsia skit pasal coding ni. sebenarnya, Fit tak ambik kat mana-mana blog tutorial ni. The truth is i steal it from REDMUMMY.COM. haha




Let me tell you the secret. Kan korang tengok kat blog redmummy tu ada icon kat sebelah bawah screen tu. Apa yang fit buat hanyalah klik ctrl+u atau tekan kat browser atas tu VIEW->PAGE SOURCE. maka ter'bogel'lah segala coding sesebuah blog tu. dan apa fit buat hanyalah ctrl+f untuk search perkataan yang berkaitan dengan icon tu untuk dapatkan coding icon tu. So dah dapat coding yang fit nak tu. Maaf lah kak red. ye saya mengaku saya mencuri :)

berbalik kepada tips untuk icon tegantung tu, bawah ni coding nya.

<div style="position: fixed; bottom : 0px; left: 0px;"><a href="http://www.google.com" target="_blank" ><img border="0" src="http://www.odierno.com/domercury/Images/google.png" /></a> </div>


Apa korang perlu buat?;
  • perkataan biru adalah keadaan icon korang sama ada fix (tak bergerak dari screen, tergantung) atau absolute (berada di tempat yang sama dalam page).
  • perkataan oren adalah lokasi icon korang sama ada top atau bottom.
  • perkataan kuning adalah lokasi icon korang sama ada left atau right.
  • gantikan perkataan merah tu dengan link social page korang (facebook,twitter).
  • dan perkataaan hijau tu ganti dengan link gambar korang. Make sure korang resize gambar tu kepada paling kecik. Paling afdal 50x50 lah.
  • pastu nak tambah dalam blog, just masuk DASHBOARD-LAYOUT-PAGE ELEMENT-ADD A GADGET-HTML/JAVASCRIPT.
  • then paste je lah coding atas yang telah digantikan dengan yang baru tu ke dalam widget HTML/JAVASCRIPT tu.

dah jadi kan?yang penting pandai-pandai lah korang adjust icon korang tu ikut lokasi yang sesuai. dan paling penting fikirkan reader korang yang guna screen bersaiz kecik :)

happy blogging!

P/s: ada lagi satu hutang iaitu navigation bar yang panjang kat atas tu. yang tu tak perlu lah reveal kat sini sebab fit refer kat blog nescafe ais. Sila ke entry ni!



[ Please drop your BUZZ because the silence is killing me softly. ]

13 BUZZ!!!:

Hazzy Ishak said...

dah ada kat blog...hehe
thanks bro

F I T said...

@Hazzy Ishak
oh ok :)

nickzdagreat said...

killing me softly~

Sir Marcello said...

tutorial nie lah yang aku tunggu~ ohyeah~

Loqman said...

Baik g sini...
http://mrpiratz.blogspot.com/2010/01/cute-profile-for-blogger-v2.html
aku rasa itu lebih cantik...

F I T said...

@nickzdagreat
erkk takleh..berdosa hehe

@Sir Marcello
sorry lambat bro..hehe

@Loqman
memang dia punya power..hehe aku cikai je sebab low profile..tapi lagi kurang coding lagi cepat page nak loading..tak kisah je janji berguna :)

Sir Marcello said...

no worries..janji ada :)

Luffy said...

teringin nak buat
tp aku x ada gambar logo semua tu

F I T said...

@Sir Marcello
okay :)

@Luffy
cuba search kat google..ada punya..pastu resize a jadi kecik kat komputer bro..bleh punya

ParkAir said...

aku nak pasang bnyk2 bendalah ni pun takut loading lambat, tapi tgk blog ko ni laju je.. ;)

F I T said...

@ParkAir
try dulu..kalau slow buang a..tapi pandai pandai a pendekkan coding..sebab lagi panjang coding blog tu lagi lambat nak load :)

eyriqazz said...

thanks or the tutorial fit..kena cuba ni...

Mohamad Azriff Aziz said...

nice one, nak try tp cara cam tak kene dgn selera.hihi.peace..

Post a Comment

Related Posts with Thumbnails