2.6.11

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 






9 comments:

faiQah nUr huSna said...

hye.. cmne nk wt name blog tu gerak2 cm kt ats?

aHmaD haRieZ FuzeIN said...

gerak2 mana? yg "abouthariez.blogspot.com" yg kt BAR tu gerak2 ek? nk sy ckp kt cni ke atau nk suh wat tutorial len?

Luqaz said...

besar btol icon kau tu..hehe.. kt blog aku bnyk icon.. *promote2..haha http://luqaz.blogspot.com/2011/05/tutorial-blog-meletakkan-float-icon-di.html?m=1

aHmaD haRieZ FuzeIN said...

HAHAHA~! .... aku thu...sje je bg besar..nk suh org nampak..ahahahah~! ,,,icon cari sendiri tu derrr..ahahah! nnt aku nk create icon sendiri...hehhe :D ...nantii ...cehh....
jap nk tgk icon ko...ahah~

faiQah nUr huSna said...

tutorial la kalu x sush kn ..
sorry ek.. :D

aHmaD haRieZ FuzeIN said...

tu da buat da tutorial...sal Perkataan bergerak kt TAB ek?

. heyy , ney kesah haku . said...

hariez , yg twitter punyer takde ?

aHmaD haRieZ FuzeIN said...

Yang Twitter bru je ada..ahaha! sori222..

saya nichha said...

okayy ! jadi lagii ;3