Cara Membuat Widget Facebook Twitter dan Google+ Melayang diSamping

Apa anda bingung ingin membuat widget Facebook, Twitter, dan Google+ yang menarik. Solusinya adalah membuat widget tersebut berada disamping halaman. Widget ini dapat melayang, sehingga lebih menghemat tempat pada blog anda.
Berikut adalah langkah-langkah membuatnya:
   
1. Facebook

<link rel="stylesheet" href="http://widgetfree.com/social/css/social-style.css" type="text/css" /><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" /></script><script type="text/javascript">jQuery(document).ready(function(){jQuery("#facebook_left").hover(function(){jQuery(this).stop(true,false).animate({left:  0}, 500); },function(){ jQuery("#facebook_left").stop(true,false).animate({left: -200}, 500); }); });</script><div id="facebook_left" style="top: 18%;"><div id="facebook_div"><img src="http://widgetfree.com/social/images/facebook_left.png" alt="" /><iframe src="http://www.facebook.com/plugins/likebox.php?id=438590026178892&amp;locale=en_GB&amp;width=200&amp;connections=9&amp;stream=&amp;header=false&amp;show_faces=0&amp;height=356"   scrolling="no"></iframe></div></div><noscript><a href="http://www.ilbiribino.it/">il Biribino</a><a href="http://www.beb-umbria.net">beb umbria</a><a href="http://www.agriturismi-umbria.net">agriturismi umbria</a><a href="http://www.virusvisits.com">visite gratis sito</a><a href="http://www.3giorniamedjugorje.it">3 giorni a medjugorje</a><a href="http://www.guestmap.it">geo ricerca agriturismi hotel beb</a><a href="http://www.autismo-cure-cause.org">autismo cure e casuse</a><a href="http://www.negozioonline.biz">negozio online</a><a href="http://www.webmastergratis.it">risorse gratis per webmaster</a><a href="http://www.scambio-link.net">scambio link</a><a href="http://www.italycerca.com">geo ricerca turismo aziende</a><a href="http://widgetfree.com/social/">free social tools</a></noscript>

Ganti kode 'id'yang berwarna biru dengan 'id' halaman Facebook mu.
TATA LETAK > TAMBAH GADGET > HTML/JAVASCRIPT > LETAKKAN KODE TERSEBUT



2. Twitter

<link rel="stylesheet" href="http://widgetfree.com/social/css/social-style.css" type="text/css" /><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" /></script><script type="text/javascript">jQuery.noConflict();jQuery(document).ready(function(){ jQuery("#twitter_left").hover(function(){ jQuery(this).stop(true,false).animate({left: 0}, 500); },function(){ jQuery("#twitter_left").stop(true,false).animate({left: -250}, 500); }); });</script><div id="twitter_left" style="top: 35%;"><div id="twitter_div"><img id="twitter_left_img" src="http://widgetfree.com/social/images/twitter_left.png" /><script src="http://widgets.twimg.com/j/2/widget.js"></script><script>new TWTR.Widget({version: 2,type: "profile",rpp: 3,interval: 1000,width: 246,height: 265,theme: {shell: {background: "#63BEFD",color: "#FFFFFF"},tweets: {background: "#FFFFFF",color: "#000000",links: "#47a61e"}},features: {loop: false,live: true,scrollbar: false,hashtags:false,timestamp: true,avatars: true,behavior: "all"}}).render().setUser("nicky_setiawan").start();</script></div></div><noscript><a href="http://www.ilbiribino.it/">il Biribino</a><a href="http://www.beb-umbria.net">beb umbria</a><a href="http://www.agriturismi-umbria.net">agriturismi umbria</a><a href="http://www.virusvisits.com">visite gratis sito</a><a href="http://www.3giorniamedjugorje.it">3 giorni a medjugorje</a><a href="http://www.guestmap.it">geo ricerca agriturismi hotel beb</a><a href="http://www.autismo-cure-cause.org">autismo cure e casuse</a><a href="http://www.negozioonline.biz">negozio online</a><a href="http://www.webmastergratis.it">risorse gratis per webmaster</a><a href="http://www.scambio-link.net">scambio link</a><a href="http://www.italycerca.com">geo ricerca turismo aziende</a><a href="http://widgetfree.com/social/">free social tools</a></noscript>

Ganti user_name yang berwarna biru dengan User_Name Twitter anda.
TATA LETAK > TAMBAH GADGET > HTML/JAVASCRIPT > LETAKKAN KODE TERSEBUT


3. Google+

 <link rel="stylesheet" href="http://widgetfree.com/social/css/social-style.css" type="text/css" /><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" /></script><script type="text/javascript">jQuery.noConflict();jQuery(document).ready(function(){jQuery("#google_plus_left").hover(function(){ jQuery(this).stop(true,false).animate({left: 0}, 500); },function(){ jQuery("#google_plus_left").stop(true,false).animate({left: -303}, 500); }); });</script><div id="google_plus_left" style="top: 52%;"><div id="google_plus_div"><img id="google_plus_left_img" src="http://widgetfree.com/social/images/google_plus_left.png" /><div><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plus href="https://plus.google.com/105294830244555935097" size="badge"></g:plus></div></div></div><noscript><a href="http://www.ilbiribino.it/">il Biribino</a><a href="http://www.beb-umbria.net">beb umbria</a><a href="http://www.agriturismi-umbria.net">agriturismi umbria</a><a href="http://www.virusvisits.com">visite gratis sito</a><a href="http://www.3giorniamedjugorje.it">3 giorni a medjugorje</a><a href="http://www.guestmap.it">geo ricerca agriturismi hotel beb</a><a href="http://www.autismo-cure-cause.org">autismo cure e casuse</a><a href="http://www.negozioonline.biz">negozio online</a><a href="http://www.webmastergratis.it">risorse gratis per webmaster</a><a href="http://www.scambio-link.net">scambio link</a><a href="http://www.italycerca.com">geo ricerca turismo aziende</a><a href="http://widgetfree.com/social/">free social tools</a></noscript>

Ganti 'id' yang berwarna biru dengan 'id' Akun Google+ Anda.
 TATA LETAK > TAMBAH GADGET > HTML/JAVASCRIPT > LETAKKAN KODE TERSEBUT