Tutorial floating button TD
Saturday, December 8, 2012 at 5:10 AM | 0 grown up kid
Assalammualaikum.
hallo,
hari ni saya nak ajar letak floating button
hari ni saya nak ajar letak floating button
saya tak letak button ni kat blog saya,
so, sebagai penambahan, bagi sesiapa yang tidak tahu,
floating button ialah :
 |
floating button ni sentiase ada dekat screen,
mksudnya kalau kita scroll ke bawah pun, button ni bergerak same,
so, caranye ialah :
# Template Designer
dashboard 
design page element add a gadjet HTML/ Javascript
copy code bawah ni dan paste dalam content, tajuk tak payah letak.
design page element add a gadjet HTML/ Javascriptcopy code bawah ni dan paste dalam content, tajuk tak payah letak.
<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='link' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='facebook'><img border="0" src="url floating button anda" /></a><br />
</div>
merah : jarak dari atas
oren : left or right blog anda
kuning : url untuk ke page laen, *eg ; facebook,twitter,home,about me
hijau : url button anda,boleh cari kat mr google
preview dan save!
p/s- kalau nak tambah button just letak code bawah ni sebelum </div> tu.
preview dan save!
p/s- kalau nak tambah button just letak code bawah ni sebelum </div> tu.
<a class='linkopacity' href='link' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='facebook'><img border="0" src="url floating button anda" /></a><br />
Sekian,
Asa Banie