Tutorial : Floating Button


singgah sini dulu ye  http://ash-tsukidate.blogspot.com/2011/09/i-need-your-like-dear-please.html







oke ,now! I nak teach korang , macam mana nak buat floating button !
Apa itu floating button ? Tengok kat bawah ni :)


Floating button ini , ada dekat sebelah kiri blog i ni .

1. Log in > Dashboard > Design > Add Gadget > Html/Java Script

2. Copy code dibawah ni dan paste di ruang HTML/Javascript


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

<a class='linkopacity' href=' URL FACEBOOK' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='facebook'><img border="0" src="http://3.bp.blogspot.com/-kU9w2lr0_5M/TZhyYaUpiII/AAAAAAAABWU/CGGeAlcrxxc/s1600/pink-facebook.png" /></a><br />

<a class='linkopacity' href=' URL TWITTER' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='twitter'><img border="0" src="http://2.bp.blogspot.com/-vXrrlV8rpaM/TZhyZFawpLI/AAAAAAAABWc/cQWnjAxyvR4/s1600/pink-twitter.png" /></a><br /></div>

okey, itu je buat masa nie, klu x jadi, kasi tahu kat ash ye :) insyaAllah, ash boleh tolong ^^

2 comments:

Anonymous said...

tumblr ada x..? hwhw

SITI SORFIENA SYASHA said...

@wawa wadzir ada, tapi ash x ingat kat link mane T___T nanti klu ash dah jumpa, ash masukkan :)