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.