TUTORiAL LETAK SHORTCUt NAK PEgI KORANG NYE LAMAN SOSiAL

Ehem..kali ni aku nak try wat sedikit tutorial la....

seharian aku duk men blog nak wat benda ni....

senang je pOn..kalau korang faham konsep nye..senang je la.. :D 

korang nampk tak yang aku circle kaler kuning tu..aku pon tak tahu apa benda nye tu...

tapi  benda tu la yg aku duk wat hari ni.. & akhir nya faham da camana..aahah!~! 

macam ni.. nak buat tu ... korang must copy this HTML

macam biasa...korang pegi kat 

DESIGN>>ADD A GADGET>>HTML JAVASCRIPT

then korang buka la..lepas tu..start la.. STEP1,STEP2,STEP3....

STEP1 :: copy & paste code HTML kt bawah ni :

__________________________________________________________________________________

__________________________________________________________________________________

<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:50px; left:-12px;'>

<a class='linkopacity'  href=' http://www.facebook.com/pages/sume-ni-bukan-mis-komunikesyen-dah-/149834525055292'  imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='fan page~'><img border="0" src="http://static.int.crazydavinci.net/images/facebook-logo.png" /></a><br />

  <a class='linkopacity'  href=' http://www.friendster.com/andalusiaboyz'  imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='friendster'><img border="0" src="http://th372.photobucket.com/albums/oo162/happyboyz87/th_friendster_logo.jpg" /></a><br />

    <a class='linkopacity' href=' http://www.facebook.com/ahmadhariez.fuzein' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='facebook'><img border="0" src="http://www.sonatalaser.com/logos/facebookLogo.gif" /></a><br />

 <a class='linkopacity'  href=' http://www.formspring.me/amatariez'  imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='formspring'><img border="0" src="http://www.yappler.com/App-Image/9930/Icon/FormSpring.aspx" /></a><br />

    <a class='linkopacity'  href=' http://www.myspace.com/andalusiaboyz'  imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='myspace'><img border="0" src="http://www.scottishballet.co.uk/assets/gallery/Logos/myspace-logo.jpg" /></a><br /></div>

__________________________________________________________________________________

__________________________________________________________________________________

STEP2 :: Tukar nama Profiile & URL Profile & URL Gambar 

TUKAR  NAMA PROFILE 

Korang Nampak yang kaler PINK kat atas tu ...korang letak la nama pape yang korang nak letak ttg profile korang..nk letak nama ke..nnt tym orang nk CLICK kt icon tuh..dia akan kuar laa .. nama apa.. ok! 

TUKAR URL

Korang nampak tak kat CODE HTML tu...ada kaler HIJAU kan...korang tukar laaa korang nye URL PROFILE sendiri..yang kt atas tu...URL PROFILE aku...ok..... contoh macam ni URL profile facebook 

"http://www.facebook.com/ahmadhariez.fuzein" ...& yang len2..korang tukar la. K..

TUKAR URL GAMBAR ( JIKA MAHU ) 

Korang nampak tak kat CODE HTML tu...ada kaler  BIRU kan..yang ni paling best..hehe...korang nak gambar pape je keluar kt BLOG korang yg KAT TEPI tu..boleh je....format gambar PNG/JPEG/ASPX/JPG/GIF tapi ingat...Korang kena create URL gambar tu dlu..contoh macam ni: "http://www.scottishballet.co.uk/assets/gallery/Logos/myspace-logo.jpg"...

paling senang nak cari URL gambar ni..korang search google...kalo korang create..korang save gambar tu dalam bentuk URL...tapi tu..aku xreti mana..maybe korang kena tanya len2 yang expert... K..

and semua boleh..hehe...tapi saiz gambar tu depends la.. 

yang aku nye ni 100 x 100 px .tampak besar la ckit an..kalu paling sesuai maybe 60 x 60 px kot......lau nak je guna aku nye gambr tu...guna je la..xperlu ubah ok..

STEP3 :: Kalau Takda Profile Untuk Setiap LAMAN SOSIAL tu..

-1)Kalau misal korang tak da Fan Page kat facebook kan... korang buang la CODE HTML yang ni : 

"<a class='linkopacity'  href=' http://www.facebook.com/pages/sume-ni-bukan-mis-komunikesyen-dah-/149834525055292'  imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='fan page~'><img border="0" src="http://static.int.crazydavinci.net/images/facebook-logo.png" /></a><br "

-2)Kalau misal korang tak da Friendster kan... korang buang la CODE HTML yang ni : 

" <a class='linkopacity'  href=' http://www.friendster.com/andalusiaboyz'  imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='friendster'><img border="0" src="http://th372.photobucket.com/albums/oo162/happyboyz87/th_friendster_logo.jpg" /></a><br />"

-3)Kalau misal korang tak da Facebook kan... korang buang la CODE HTML yang ni : 

"<a class='linkopacity' href=' http://www.facebook.com/ahmadhariez.fuzein' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='facebook'><img border="0" src="http://www.sonatalaser.com/logos/facebookLogo.gif" /></a><br />

"

-4)Kalau misal korang tak da Formspring kan... korang buang la CODE HTML yang ni : 

"<a class='linkopacity'  href=' http://www.formspring.me/amatariez'  imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='formspring'><img border="0" src="http://www.yappler.com/App-Image/9930/Icon/FormSpring.aspx" /></a><br />"

-5)Kalau misal korang tak da Myspace kan... korang buang la CODE HTML yang ni : 

"<a class='linkopacity'  href=' http://www.myspace.com/andalusiaboyz'  imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='myspace'><img border="0" src="http://www.scottishballet.co.uk/assets/gallery/Logos/myspace-logo.jpg" /></a><br /></div>"

STEP4 :: Nak Adjust Ketinggian GAMBAR tu... 

korang nampak tak CODE URL yang kt bawah ni... URL kt bawah ni.ada kt yang korang copy tu...korang nak adjust kedudukan yg korang nak kan..korang nampak tak yang kaler hijau kat bawah ni..korang ubah la sendiri.. ok...yang aku nye ni..mcm kt bawah ni..korang pandai2 la adjust K..

<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:50px; left:-12px;'>

FOR THE LAST .. KOrang Save la...then tengok la hasil nye...Kalau tak menjadi..korang leh tanya aku.. OK! Good Luck! =D