✿Baca Entry Yang Lepas✿

Thursday, November 29, 2012

Tutorial : Cara Letak Icon Facebook, Twitter Di Tepi Blog


As-Salam

Selalunya orang yang nak buat benda ni of coz untuk kemaskan blog kan?
Yela tak nak blog nampak serabut.

I pulak ambik cara ni untuk kemaskan blog. 
Icon facebook kat tepi blog. Hehe 

1. pi Dashboard -->Layout -->Add a Gadjet -->Html/JavaScript

2. Copy code kat bawah ni dan paste kan ke Html.

<div style="display:scroll; position:fixed; top:200px; left:0px;">
<a class="linkopacity" href="http://www.facebook.com/facebook ID" target="_blank" rel="nofollow" title="Facebook" imageanchor="1" style="margin-left: 1em; margin-left: 1em;"><img border="0" src="URL icon/image" /></a><br />
</div>

3. Jangan dulu save! Edit dulu

200 : Kedudukan icon kat tepi blog tu. Maknanya jarak icon tu dari atas.

left : kedudukan icon tu u all nak letak kat kiri? atau kat kanan? 
0 : Jarak icon tu dari kanan ke kiri atau sebaliknya
facebook id : Letak id facebook u all.
Facebook : nama icon tu.
Url icon image : url gambar icon

4. save..!

If  nak tambah icon lain, contoh nak tambah Icon Twitter, copy code kat bawah dan paste kan dibawah code facebook tadi dalam gadjet sama. Jangan lupa adjust jarak supaya icon tak bertindih

<a class="linkopacity" href="https://twitter.com/EmasPutih90" target="_blank" rel="nofollow" title="Twitter" imageanchor="1" style="margin-left: 1em; margin-left: 1em;"><img border="0" src="URL icon/image" /></a><br />

Tukar code kaler merah tu pegi link Twitter korang
then yang hijau tu tukar ke url image Twitter korang.

takde Url Image Facebook + Twitter ?
Boleh ambik kat SINI

p/s : Buat step by step tau. Supaya tak pening. Selamat Mencuba.

Credit to Fiza

10 comments:

boni kacak said...

wah..menarik ni..

Emas Putih said...

hehe thanks :)

Cik Fie said...

best tuto ni :)

Syasya♥ said...

url gambar icon nk letak ape?

yudaf fistin said...

thanks ... >_< ..

Cikgu Norazimah said...

nak try gak ler..good tuto ;)

MamaIzzHaziq said...

Kenapa saya buat tak jadi..xkuar fb saya? tlg faham kn..mekaseh..epning sgt2...

Ayah Rie said...

assalamulaikum...
good tuto..ayah rie dah cuba n berhasil dengan jayanye...terima kasih Uzu...atas tuto yang membantu sgt2 ni...ni blog ayah rie
http://ayienawi.blogspot.com/

Miss Tisya said...

senang nk faham...tq

ana lemonbrew said...

THANK sebab mudah cara yang dijarkan ni..saya nak copy paste masuk blog saya sebab takut lupa nanti...

Copyright © ✿Emas✿Putih✿Blog✿ Designed by azhafizah.com