Tutorial floating button CT
Thursday, September 1, 2011 at 12:08 PM | 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 :
# Blogskin
dashboard 
template
template
Press Ctrl + F cari code </style> dan paste kan code dibawah ni di atas code </style>
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; }
Kemudian press Ctrl + F dan cari code ni </head> dan paste kan code bawah ni dekat bawah code </head>
p/s- kalau nak tamabah button just tambah code bawah ni sebelum code </div> tu.
<div style='display:scroll; position:fixed; top:140px; left::12px;'>preview dan save!
<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>
p/s- kalau nak tamabah button just tambah code bawah ni sebelum code </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 />
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
Sekian,
Asa Banie