Welcome to my purple,pink blog.You want to +Follow or go back to your Home
❀ HadaaNiaa ❀: Februari 2012

TUTORIAL: Letak Button Like Fanpage di Atas Blog

Views

Heyy peeps,hahah baru daftar nuffnang..perasan ta ? hiwhiw..
Okey nak wat tuto ni..tuto ni ain try sendiri.ntah mcm mane boleh jd ain pon tataw..hekhekk..kk 
tuto ape ni ?
niy la tuto letak button like fanpage di atas blog.
Bende ape tu ? macam mane uh?
like this:



Ok bg yg tak de lg fanpage..KLIK SINI
bg yang dah ade pulak..Tp takde Box fanpage dlm blog..hah klik...
Then ??
macam mane nak letak yg atas blog pulak ?

  • sign in blog
  • dashboard >> design >> add a gadjet >> HTML JavaScript
  • copy kod dibawah
<div style="position: fixed; top: 1px; left:3px;"><div style="margin-left: .1em; margin-right: .1em" class="linkopacity" href="#" rel="nofollow" target="_blank" imageanchor="1"><span style="background-url:http://i1218.photobucket.com/albums/dd417/cheesweet/stripes.gif; color: #000000; padding: 3px 4px; border-bottom: 0px #FFFFFF dotted;">KOD IFRAME</span></div></div>

paste dekat HTML java Script yg korg bkk td :)

KOD IFRAME : kod yg korg buat box fanpage tu..kan ade kod iframe.copy kod tu.

hmm , kalau rase da siap save la..kalau x fhm kasi tau ye..jgn segan silu.. :)


Sental lah sikit button LIKE tu . Kalau Artis korang laju je~ *perli*


TUTORIAL: Button Follow & Dashboard Like Me !

Views
Auw~ Hallow guys ! Tuto niy di request oleh Cik Alyn.
Okeng Ain ta mau membebel k.Lets the tutorial !
 
Kalau tak tahu mende ape uh.. ni dye:



  • Sign in blog korang
  • Dashboard >> Design >> Edit HTML >> Tick Expend Widjet Template
  • dengan mnggunakan ctrl + F cr kod ni :
<head>
  • copy kod di bawah:

<div style='position: static; top:0px; right: 350px; width:40%; position:absolute; padding:3px;border-radius:8px; background:#FFDFF8; opacity:0.8; color:#000000; font-size:13px;text-align:left;'><center> Welcome to my blog.You want to <a href='http://www.blogger.com/follow-blog.g?blogID=YOUR ID'>Follow</a>  or  <a href='http://www.blogger.com/home' target='_blank'>Home</a></center></div>
  • Paste di atas kod <head>

#FFDFF8 : Kaler background yg korang suke.
 #000000 : Kaler FONT korang
 Welcome to my blog.You want to: Korang boleh tukar dengan ayat korang.
YOUR ID : WAJIB tukar ! dengan no ID korang


Mcm mane nak dptkan no ID ?
tekan sini,... Rahsia !



Sental lah sikit button LIKE tu . Kalau Artis korang laju je~ *perli*


TUTORIAL: Bold Hover

Views
heyy you ! you ! and you !
Err aku gedik seyh ! kau ade ? Hahaha oke-2 joke*
Ok , nak tanya sikit sebelum mule tutorial niy..Blog ain dha berwajah baru.So , oke ta ? 
ok la..lets the tuto ! senyum sikit :)

Underline Hover ✔
Blockquote Hover ✔
Link Hover ✔
Bold Hover ☐

Ok ta de Bold Hover ke ? Nanti ain ajarkan ok :)
Bold Hover tu macam mane ?
macam ni > ABCDE <

Mula-2 sign in blog korang..
Dashboard >> Design >> Edit HTML >> Tick Expend Widjet Templet

  • Carik kod /* Header
  • Copy kod di bawah:
b {
color: #c0c0c0;
}
b:hover {
color: #a7a7a7;
border-bottom: 2px dotted #F6CED8;
}
  • Paste kan diatas kod /* Header td
#c0c0c0 : warna bold yang korang nk.
#a7a7a7 : warna hover bold bila cursor sentuh.
2 : semakin besar nombor ni, semakin tebal line bold hover.
dotted : boleh tukar kepada solid,dashed, atau dotted.
#F6CED8 : warna line bold hover.

Carik kaler dekat sini ok..
kalau ta faham tanye k..Ain takut korg buat ta jadi :)






Sental lah sikit button LIKE tu . Kalau Artis korang laju je~ *perli*