Wednesday, November 16, 2011

TUTORIAL~ letak BUTTON FB,TWITTER yang comel

First time buat tutorial..klu ade kekurangan, mintak maap byk2..lia buat tutorial ni pun kerana permintaan sicomel, Cahaya Hidup yang tanya pasal button facebook,twitter ngan blogspot kat tepi blog lia tu.

Photobucket

Okey,first…

Pegi kat ‘dashboard’à ‘design’à ‘page element’à ‘add gadget’
Then, pilih ‘html/javascript’.
Then, copy code yang di bawah ni dan paste dalam html tadi…

<style type='text/css'>a.linkopacity img {filter:alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5;-khtml-opacity: 0.5;} a.linkopacity:hover img {filter:alpha(opacity=100);-moz-opacity: 1.0;opacity: 1.0;-khtml-opacity: 1.0; }</style> <div style='display:scroll; position:fixed; top:140px; left:-12px;'> <a class='linkopacity' href='URL facebook' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='facebook'><img border="0" src="http://img.photobucket.com/albums/v486/mafiatrg/232.png" /></a><br /> <a class='linkopacity' href='URL twitter' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='twitter'><img border="0" src="http://img.photobucket.com/albums/v486/mafiatrg/432.png" /></a><br /> <a class='linkopacity' href='URL untuk blog dashboard' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='feed'><img border="0" src="http://img.photobucket.com/albums/v486/mafiatrg/blogger_64x64.png" /></a><br />  </div>

Then, adik kenalah tukar URL yang telah lia highlight dalam code tu..gantikan ngan URL facebook, twitter dan blog home adik.

selain itu, yang lia wat tulisan warna oren tu, adik boleh tukar icon mengikut kesesuaian dan minat masing2. biasa lia pilih icon kat FACEBOOK ICON je. 


Kalau nak tukar position atas bawah, adik tukar je kat yang lia highlight HIJAU tu..

Last skali, SAVE..dan preview blog adik..

p/s: kalo tak jadi,bagitahu tau…J


~.~.~.~.~.~.~.~.~.~.~.~.~.~.~.~.~.~.~.~.~.~.~.~.~.~.~.~~.~.~.~.
" nak Copy Entry dialu2kan...........tapi
 bagila kredit kpd Tukang Conteng yer..... "
 ~.~.~.~.~.~.~.~.~.~.~.~.~.~~.~.~.~.~.~.~.~.~.~.~.~.~.~..~.~

7 comments:

Wawa Si Mirang said...

haii ~kalau nak letak facebook icon jee ,boleh tak ?kalau boleh ,macam mana ye ?

yayasyira said...

jd la..huhu..ckenyer..thnkz akak!

Ika Laila said...

akak kalau nak letak fb dngan twitter je camane ehh?

Tengku Dalia said...

@Ika Laila

sorry dik,try remove code oren nih
"http://img.photobucket.com/albums/v486/mafiatrg/blogger_64x64.png" yang paling bawah skali tu..cubala

azira zra said...

salam..cmne klo nk tukar size?

azira zra said...

salam, cmne klo nak tukar size?

Tengku Dalia said...

@azira zra
wsalam dik..klu maksud adik size icon,mmg xleh tukor..adik kena pilih icon lain la..replace link icon baru kat warna oren..tp klu nk adjust position,adik kena adjust yg tulisan hijau tu.