Tutorial Floating Button

السلام عليكم و رحمة الله و بركاته




nampak x yg atas ni..sape nk bt mcm floating button yg mcm eka ni..yg ni SYERA TELI tanyer eka..jdi eka nk gtau la..sape2 yg nak bt mcm ni sila ikot tuto d bwh..

huhu..jom kite buat..yg ni pon eka dpt dri mne enth..xigt..:)

1.pgi kat design..page element...plih add a gadget..html/javascript..

2..Copy code kat bawah neh


<div style="display:scroll; position:fixed; top:190px; left:-12px;">

<a class="linkopacity" href="http://www.facebook.com/lifessoul" imageanchor="1" rel="nofollow" style="margin-left: 1em; margin-right: 1em;" target="_blank" title="facebook"><img border="0" src="http://3.bp.blogspot.com/_PK5f-bkuqSc/TQpE9T7OPyI/AAAAAAAABKA/Owt1uPloSf0/s1600/facebook.png" /></a><br />

<a class="linkopacity" href="http://twitter.com/#!/atikah93" imageanchor="1" rel="nofollow" style="margin-left: 1em; margin-right: 1em;" target="_blank" title="twitter"><img border="0" src="http://1.bp.blogspot.com/_PK5f-bkuqSc/TQpE-xelCAI/AAAAAAAABKI/mNh_hSt2Dhs/s1600/twitter.png" /></a><br />

<a class="linkopacity" href="http://www.blogger.com/home" imageanchor="1" rel="nofollow" style="margin-left: 1em; margin-right: 1em;" target="_blank" title="go to dashboard"><img border="0" src="http://3.bp.blogspot.com/_PK5f-bkuqSc/TQpE8tZQqSI/AAAAAAAABJ8/A_MmJwleya0/s1600/blogger.png" /></a><br />

<a class="linkopacity" href="http://www.formspring.me/lifessoul" imageanchor="1" rel="nofollow" style="margin-left: 1em; margin-right: 1em;" target="_blank" title="feed"><img border="0" src="http://4.bp.blogspot.com/_PK5f-bkuqSc/TQpE-AsHSyI/AAAAAAAABKE/DK4aUK74VaM/s1600/gtalk.png" /></a><br />

</div>


Lau nak copy sila tkan CTRL+C..sbb eka bt disabled right click..
Xhbis ag neh..yg url eka 2..tkar yg korang k..huhu..lau nk ubah dy pnye position..ubah yg TOP:190px..

P/S:sape yg amik 2 komen la eyh...kui3..gwau jer..



May Allah blessed us

4 comments:

aZie said...

eyka...saya wat floating button gak..hehehe...timacih 4 sharing ;)

eka said...

@aZiehehe..same2 azie

Esha iDek said...

terima kaseh :D

Nur Iman said...

@Esha iDek
same2..:)

 
Copyright © 2010-2016 | iurprincess.blogspot.com | All Righted Reserved | Designed By : Nur