Cara Membuat Widget Media Social Di blog

 Cara Memasang Widget Social Media Di blog

Kali ini saya akan memberitahu agan bagaimana cara membuat Widget Social Media Di blog. Tutorial yang saya berikan kali masih tentang membahas blog, dan bagaimana cara mempercantik blog yang telah dibuat. Oke gan, langsung ajah yah pembahasannya.

Cara Memasang Widget Social Media di Blog: 

1. Bukalah akun blog agan.

2. Masuk ke rancangan Blog agan/Template - Tata Letak.

3. Klik Klik Tambahkan Gadget => HTML/JAVASCRIPT.

4. Silahkan Agan Copy salinan javascript berikut:

<!--SideBar Floating Share Buttons Code Start--><style>#pageshare {position:fixed; bottom:15%; left:10px; float:left; border: 1px solid black; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#eff3fa;padding:0 0 2px0;z-index:10;}#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}.fb_share_count_top {width:48px !important;}.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;}.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}
</style><div id='pageshare' title="Share This With Your Friends"><div class='sbutton' id='gb'><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like layout="box_count" show_faces="false" font=""></fb:like></div><div class='sbutton' id='rt'><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a><script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script></div><div class='sbutton' id='gplusone'><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="tall"></g:plusone></div><div class='sbutton' id='su'><script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script></div><div class='sbutton' id='digg' style='margin-left:3px;width:48px'><script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script><a class="DiggThisButton DiggMedium"></a></div><div class='sbutton' id='fb'><a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></div><br/><div style="clear: both;font-size: 12px;text-align:center;"><a href="http://bos-tutorial.blogspot.com/2012/07/cara-memasang-widget-share-media-sosial.html" target="blank"><font color="black">Get This<font></font></font></a></div></div>

5. Setelah agan Copy, silahkan agan save gadget yang baru di copy tadi. Simpan Setelan.
6.  Dan Sekarang agan Klik Lihat Blog, Engingenngggggg.. Widget Social media agan telah ditambahkan..!!

Demikianlah artikel Cara Memasang Widget Social Media Di blog. Mudahkankan gan?? Inilah Tutorial untuk menambahkan Widget Social Media DI blog. semoga Bermanfaat. ^_^