photo tutorial_zps442c93fa.png  photo owner_zps6a3d4f56.png  photo home-1_zpsab213777.png

Tutorial : Floating social network button

Views


So hello guys. This tutorial is requests by a someone at my shoutmix but I don't know who is she/he so let's start it :face35:


1. Design - Add Gadget - HTML/JavaScript


Copy code below to HTML/JavaScript
<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; left:-12px;'>




<a class='linkopacity' href='http://www.facebook.com/Ohmygodismonsterhere' 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/AVvXsEhZDt8G8JEyXrPQAuDTVeSLkIlihL-AB6DeGAwIqirhEx3Yxrpcqgsg7IatNCRb8cq7B5HLWIkxYXqtqFVxTCBZIdCB-qeo5lbsZpsa2MBSj5ult377tyZXO8prS5BZ3eJ6_U6xY8d4rBYS/s320/facebook.png" /></a><br />



<a class='linkopacity' href='
http://twitter.com/monstercynthia' 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/AVvXsEjbxTja7vaLuixzycUToIL0jVhsZYxntY4UH8Zuhlj5SzV_0kKFyPORLyYM-y1rdi-LmCIf6nzA_5Df69-13JW4rJacfXAAAJELrhnVOIEZnWabFm4Is2c0tVa4bFB0pxkJhWJNH47Swn2J/s320/twitter.png" /></a><br />



<a class='linkopacity' href='http://www.youtube.com/user/Babyshinkim' 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/AVvXsEiZi0K4q5VxtYinAAT7YD-kOR8Efz0pdMjU8UxRaVZWNTtAi1uFbkHOs3YExaSaYhpSBDk8Iu9SGHEzhcKQqCwXCS-5O477G2cHojRsjf-lRSpK1eT2MgvsfwHpblRVITWPuxia4SSB7I5u/s320/youtube.png" /></a><br />


<a class='linkopacity' href='http://www.myspace.com/493194600' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='myspace'><img border="0" src="http://t1.gstatic.com/images?q=tbn:ANd9GcRFEBCA-kSugZu99OGSFJ-OyzmMxYvBpyY6totPTLA8gILqPXrs" /></a><br />


</a><br />


</div>




The link that I highlight it in blue color change it to your own social network code , Okay done :q:


Easy right :s::face56: