Tutorial Letak Floating Button *Facebook,Twitter*



Assalamualaikum :) Hye hyee !

Hye ! Okayy, ni korang yang nak sangat letak kat blog korang yang comel tue ! Ok, saya dah cuba ni tapi tak jadi :( Mungkin sebab tak sesuai dengan template saya kott . Oklhaa, tapi ramai jugak yang boleh , hmm yang pasti backup korang punya template first . 

1.Cari kode bawah ni.
<html>
2.Dah jumpa ? Ok, Lepas tu copy semua code bawah ni . Kemudian paste kat bawah code <html> 

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


<a class='linkopacity' href='URL FACEBOOK ANDA' 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 ANDA' 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 ANDA' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='feed'><img border="0" src="http://img.photobucket.com/albums/v486/mafiatrg/blogger_64x64.png" /></a><br />

</div>
Nota :- 
 Purple : Korang boleh tukar left atau right . Ikut suka korang lhaa .
 Biru : Letak URL Facebook/Twitter/Blog korang ! :D
 Hijau : Tu jangan tukar , melainkan korang nak tukar button .
 Merah : Ni url gambar macam kat bawah ni, kalau korang nak tukar pun takpe . Takyah tukar pun tak pe .
Nanti akan jadi macam ni :) 

No comments:

Post a Comment

Annyeonghaseyo! Terima Kasih kerana sudi membaca :) Jangan lupa tinggalkan komen tau? Harsh words are not allowed.