Welcome to my world ♡ +Follow | Dashboard
s y i r a h ' s

Owner

Touch the hover!


Diaries Owner Linkies
Tutobies Blog

Bonjour! Welcome to my wonderful site :)

Instagram

 silent reader(s)

Chit chat



Leave your footprints here :)
No harsh words ;)




Credit



Owner blog and redesign: SyirahAisyah


Followers



Tutorial : Floating Button

Assalamualaikum 

Okay , sekarang ni syirah lebih focus nak buat macam macam tutorial untuk kawan blogger syirah . hehe . okay ! jangan buang masa . jom kita continue dengan tajuk kita malam ni . hmm , floating button ? korang tahu tak yang mana ? XD hahaha , yang ni laa .


haaa , yang ni laa . untuk simple template , korang kena ikut step simple template . yang classic template / blogskin , ikut step masing masing kay ? okay jom buat :)

1) sign in > dashboard > template

2) Copy code dekat 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:140px; right:-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://img.photobucket.com/albums/v486/mafiatrg/232.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://img.photobucket.com/albums/v486/mafiatrg/432.png" /></a><br />
<a class='linkopacity' href=URL BLOG' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='Fanpage'><img border="0" src="http://img.photobucket.com/albums/v486/mafiatrg/blogger_64x64.png" /></a><br />
</div>

3) Dah copy ? okay baguss . paste kan dekat template korang . dekat mana mana pun boleh :) untuk template designer // pastekan dekat ruang HTML/JavaScript dekat layout tuh :)

4) Preview dan save .

Merah : tukar dengan link facebook , twitter dan blog / fanpage korang .
 Biru : kalau nak tukar imej pun takpe , nak kekalkan pun sokay .
Hijau : boleyh tukar ikot saiz yang korang nak . and right boleyh jadi left .

Okay ? hahaha sorry , bahasa harini skema gilaa T_T . al maklumlah , nak semua orang paham apa yang syirah taip nih . kalau orang tak paham , nak ikut tuto camane kan ? bhahahah xp

Gudluck guys !  


0comment(s)