Tutorial : Floating Button
Nak mudak orang click iklan churp-churp?
Ashi casangkan guna Floating. So, dengan Floating orang lebih mudah lihat kita punya iklan.
yang lagi best, bila orang buka-buka terus 'TER-click' iklan kita.
So, jom guna floating button untuk iklan Charp-Charp
Cara-caranya:~
Log in Blog Korang > Dashboard > Layout > Add a Gadget > Pilih HTML.
Copy and paste kan code di bawah ini di board 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='http://my.churpchurp.com/ashiasiah/share/PTPTNBonanza' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='facebook'><img border="0" src="http://i.imgur.com/AMnk2.jpg" /></a><br />
<a class='linkopacity' href='http://my.churpchurp.com/ashiasiah/share/NESCAFEonthelife' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='twitter'><img border="0" src="http://i.imgur.com/Qb6xv.jpg" /></a><br />
<a class='linkopacity' href='http://my.churpchurp.com/ashiasiah/share/churpchurp-invite' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='feed'><img border="0" src="http://i.imgur.com/2YmH3.jpg" /></a><br />
</div>
Sebelum SAVE. korang boleh tukarkan Text Colout kepada URL korang:
Warna Biru : URL churp-churp
Warna Merah : URL picture
* Jika mahu Picture yang lebih kemas korang bolehlah savekan dulu picture itu kat desktop korang and edit ukut suka hati and boleh la upload Imgur untuk dapatkan URL picture
ciao~ciao~
-
No comments:
Post a Comment
Setiap koment anda amat berharga bagi mengkaji tahap kekratifan karya ini.