Floating Button untuk FB, Twitter dan sebagainya.

Assalamualaikum..

ni first tutorial saya ..
utk d share dan juga sebgai rujukan :)

1. Sign in blogger > Design > Add Gadget > Html/JavaScript 

2. Copy code di bawah dan paste ke dalam Html/Java Script

<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='https://www.facebook.com/LEOalone' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='facebook'><param name="movie" value="https://s3.amazonaws.com/FBbuttons/FBbutton7.swf" /><param name="allowscriptaccess" value="always" /><param name="menu" value="false" /><param name="wmode" value="transparent" /><param name="flashvars" value="username=LEOalone&amp;ref=1000000031&amp;btn=7&amp;size=192" /><a href="http://www.iphonecasino.com/" title=""></a><embed src="https://s3.amazonaws.com/FBbuttons/FBbutton7.swf" type="application/x-shockwave-flash" allowscriptaccess="always" width="192px" height="192px" menu="false" wmode="transparent" flashvars="username=LEOalone&ref=1000000031&btn=7&size=192"></embed>" /></a><br />

<a class='linkopacity' href='https://twitter.com/LeoLonelyAlone' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='twitter'><img src="http://www.freetwittericons.com/buttons/new/042.png" border="0"/></a><div id="div3z"><a href="http://www.s-tags.com/site/zenabra.wordpress.com">zenabra.wordpress.com</a></div><script type="text/javascript">t="LeoLonelyAlone";x=document.getElementsByName('tin3z');y=new Array(104,116,116,112,58,47,47,116,119,105,116,116,101,114,46,99,111,109,47);z='';for(i in y){z+=String.fromCharCode(y[i]);}q=document.getElementById('div3z');w = ["display", "style"];w = w.reverse(); w = w.join('.');eval("q"+"."+w+"='none';");for(i in x){x[i].href=z+t;}function upper_f(string){return string.charAt(0).toUpperCase() + string.slice(1);}</script>" /><br />

<a class='linkopacity' href='http://instagram.com/saidah_syahidah' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='go to dashboard'><img src="//badges.instagram.com/static/images/ig-badge-48.png" alt="Instagram" /></a>" /><br />

</div> 

yang berwarna hijau tu, korang boleh gantikan dengan korang punya fb,twtr or insta..
yang berwarna biru plak..korang bleh cari sndri gambar y korg suka utk d jadikan button .. 

contoh : utk button twitter .. klik SINI  

1.  isi id korang..  https://twitter.com/LeoLonelyAlone 
   
2. pilih la korang nak y mana.. dan select code tu dan paste kan pada y berwarna biru 
   

atau korang nak yang simple mcm ni..

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWZT65ocKo7XPtdgHJLgq9oEq8TbvcJG7_gN9xPOEeXOtPHmR68yb6UcwSNq8CBFX9debDDbzPyzP3gmEwt8zRh57HSAnNlXabutdIe0bO1HVg8RWGFGXcA3WIeDm88zoo1MyZzhN__AY/s1600/TwitterIcon.png 

  

Utk yang facebook plak korg bleh cari button sendri kat google.. x pun guna yang ni..

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6yhDTXM4V_CSMPlyKSVXhV6OiXLrZm13akeTVDIO5OUB7grznqAPvmk9lWGnDj4-TeulrpBVVTPzRrE4M0DyDOU6Lkj1eGFET7WHdtcoEF5ZT-RR67lt0A3OhAH4sRn2n5O707of_cMk/s1600/Facebook-icon.png

Tweet