Sunday, May 1, 2011

Tutorial Follow+Dashboard button ala ala tumblr

assalamualaikum , fuhh, penat nyah, baru jer balik dari SP .okay,bukan nak cita pasai p SP tu,just nak buat tuto pasai Follow and Dashboard button ala2 tumblr tu. tadi chek komen , tgok2 ada org request pasal tuto ni, so tanpa melengahkan masa jus follow this step ye :

eh kejap, ni i kasik contoh button ala tumblr tu bg yg xtaw *wink :)

1. Dashboard ---> Design ---> Add a gadjet ---> JavaScript/HTML

2. copy koding nih dan pastekan dlm content tu okay :)


<div style="display:scroll; position:fixed; top:5px; right:90px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=MASUKKAN BLOG ID KORANG KAT SINI" target="_blank" rel="nofollow" title="Follow !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://assets.tumblr.com/images/iframe_follow_alpha.png?6" /></a><br /><div style="display:scroll; position:fixed; top:5px; right:2px;"><a class="linkopacity" href="http://blogger.com/home" target="_blank" rel="nofollow" title="Dashboard !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://assets.tumblr.com/images/iframe_dashboard_alpha.png?6" /></a></div></div>



3. SAVE !


NOTA TAMBAHAN.

1. tulisan kaler PINK tu adalah jarak button  dari atas blog korang .so korang boleh upah nilai 5px tu kepada berapa yang korang suka. kalau nak bagi dia bagi kebawakkan sikit kedudukannya korang ubah la bagi jadik 20 ke 100 ker . berapa je la ikot kesukaan korang :)

2. Tulisan kaler PURPLE tu pulak korang boleh ubah ke left kalau nak letakkan button tu disebelah kiri okay :)

3. tulisan MERAH tu korang masukkan blogID korang taw . macam mana nak ambik blogID . korang follow step ni :

Dashboard ---> Design . pastu dia akan naik page mcm kat bawah ni kan . ha, korang tengok bhg alamat web tu . pastu korang amik jer blog id korang punya . dlm gmbar bawah ni blogid i ygg punyerr kay .
[klik utk tembesaran yg sehat :) ]

oke, siap ! kalau tak faham tanya kay.

psssst : ini contoh bila dah  blogID tu dimasukkan . ini ii yang punya. korang masukkan blogID korang punya lah kay .bye.

<div style="display:scroll; position:fixed; top:5px; right:90px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=553974872123336533" target="_blank" rel="nofollow" title="Follow !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://assets.tumblr.com/images/iframe_follow_alpha.png?6" /></a><br /><div style="display:scroll; position:fixed; top:5px; right:2px;"><a class="linkopacity" href="http://blogger.com/home" target="_blank" rel="nofollow" title="Dashboard !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://assets.tumblr.com/images/iframe_dashboard_alpha.png?6" /></a></div></div>
SELAMAT MENCUBAAA !


LOVE ; ♥ misluvcoklat ♥

8 comments:

lisa min said...

tq kerana menolong!hehe.da jadi dah. tapi macam mana nak bagi dia ke bawah sikit sebab dia macam bertindan dengan mende2 kat atas sekali tu.

ezy.fia said...

rajinnye buat tutorial...
bgos2
=)

Shafiqah Rashid said...

@ cik lisa :
hehe . okay je :)
ohh.awk tukarkan je yang top:5px tu .
atau awak tgok jer tuto atas tu.sy dah update. heheh .

@ cik ezy : hehe. ada org request thats why buat.gpun xde keje . hehe. tengkiu ;)

lisa min said...

tq so much again! hehe. usia muda remaja lgi, tpi tror coding kan..gud2..time kaseh mmbntu yer.=)

Shafiqah Rashid said...

hehe.welkem jep :)
btw,xteror sgt.
just blja skit2,pastu try2.
hehe :)
okay .

shuha.zainal said...

adik,thx utk tutorial2 adik yg mantap nie. sy bru godek2 sket, nasib baek mnjadi. kalo x,jenuh jugk utk newbie nie kn.. huhu. perlis da ade cool blog ka? wahh.. lama xbalek sana,:P

Shafiqah Rashid said...

most welcome =)
if de problem pape gtaw je kay ,
insy..klu adk boleh tlg adk tlg ,
eh, org perlis ke?
haha!
a'ah,perlis pun dah hadoo cool blog tu.
tggal tuttifruiti je yg xdak g.
hikhik.

Anonymous said...

Tried much, the classifier is based collateral with respect to at poe's place referring to trough except for von neumann's. http://olutyq.com