Home »
About Me
,
Seo
,
Tutorial
»
CARA PASANG FLOATING BUTTON
ok untuk membuatnya pertama sekali pergi LOGIN BLOG => DESIGN =>ADD A GADGET => HTML/JAVA SCRIPT
pastu masukkan kod di bawah
<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:240px; right:-12px;'>
<a class='linkopacity' href='http://gengblogger.com/' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='gengblogger'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjK3OOagSmKx2qTlFw1a4nIjWLBg6sTdxAsyDPGubpyPsf_hECleZn8Rvxja_9GvETTcGSr2-RuuBMnwdNZ_Iuc6SRa0Ni6uCuuEFn7KCVE2zaUWUF5z6W0o5WJkAa6ltRdpR8l3TSpheYY/s320/icongb.PNG" /></a><br />
<a class='linkopacity' href='http://facebook.com/akaun facebook anda/' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='facebook'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDlfoWzrUM0t0ttk3wrVtPCsWuTVgHeHZQi4sxh8Vcxl_MwrsNvNez7mDz30YgUXIuya-IsO6DNsSzneSNPfHkL1duwF4WUxECUPA3QZ-vHlK0hiKF0OzQoF3mltlDfeB5qK2ofWkNBy1u/s320/facebook.png" /></a><br />
<a class='linkopacity' href='http://twitter.com/akaun twitter anda/' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='twitter'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgL1h5F92aWvOLeomgnIfRuAkYgahacCqTDmJzntQ_yb7sjCjBVY5CisE691bK1RbRKM39DA2aePYckmyI1qdGqmw35zbIMMyS8LAYWpKZ5VIqLv50bv7GR_8b20pF1-Q-atfMOxabhNquQ/s320/twitter.png" /></a><br />
<a class='linkopacity' href='http://probuatblog.blogspot.com/feed blog' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='feed'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPxahCREIQn5TrBmtD4erpYtOsgSJJgOUXrQ0psRM4d2l7WO0Oq2dmRf69Kbx8yc9nas6ufKw1m5Gg-XTYX0JluinUpmbbMG0pqvqGGfIzvgcJ9OPN0u6GIv9OahzF7FkqkqEhTEPfwYpe/s320/feedblogger.png" /></a><br />
<a class='linkopacity' href='http://feedburner.com/akaun feedburner anda/' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='feedburner'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJ3-JL2HPpxeKDzoe653777OyEbf_nDqi58cAdtbWS3cFd_zjNkexIR9sIlHoQl0L3V1SDCriZF0ohWAiUZkcuJ5M5jZwZWQcFOp4ieT-8ximzCXzqCJoAHsVHn1orkghaAA3owipP4E0J/s320/feedburner.png" /></a><br />
<a class='linkopacity' href='http://youtube.com/akaun youtube anda/' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='youtube'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJvLNqQuViO17CRsQYzZXaADww41ntxhkMgCz9JkrpInaLQb1fH-gii2aPIoquUZHo5p_VFatzsRbN48jmYNmJ6W261Ue89GlCAejRazAjC_SP_bm4rO1OzNDc0q-eqAXrRxqRgcSfzNnS/s320/youtube.png" /></a><br />
<a class='linkopacity' href='http://flickr.com/akaun flickr anda/' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='flickr'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihCPE-qzJUJECTu6BDxUWvL8fj1WohPug5q9yaPFM0gx_M5BP_nsAfUN5tINR9ZeMCeUA6Ojea1dCsyldZjIvIeW0Hj88Tb0LICIUTftiwJTjz8-mYSwf1qqXQBOtoyvFqX1LzAWdnHnX7/s320/flickr.png" /></a><br />
</div>
nota:
1)kod yg berwarna merah itu adalah posisi kedudukan floating button anda..anda boleh mengubah kedudukan dengan menambah atau mengurangkan nombor tersebut
2)semakin tinggi nilai yg anda letakmaka semakin rendah kedudukan butoon itu..
selamat mencuba
0 comments:
EMOTICON :
Post a Comment