Memasang Widget Blog Share Media Sosial

Social Media seperti Facebook Twitter dan Google + pastinya sangat berperan untuk ajang promosi blog yang kita miliki. banyak sekali HTML script yang tersedia utuk membuat Widget Share Media social seperti FB Twitter dan Gogle +, memang  sudah tersedia share media social pada template bawaan blog. akan tetapi tampilannya sangat sederhana dan berada dibagian bawah,yang mungkin akan dilewatkan saja oleh para pengunjung blog kita. akan tetapi dengan widget Floating Share Sosial media ini yang memilii tampilan yang menarik, bisa membuat pengunjung lebih tertarik pada blog kita dan memudahkan merekan untuk sharing informasi dari blog kita kesosial media seperti facebook atau google +. nah, dibawah ini adalah satu contoh script HTML yang bisa digunakan ubtuk memasang Widget Share Medial Sosial:


1. Pertama Log in dulu ke Account Blogger sobat

2. kelik pada bagan Tata Letak - Tambahkan Gadget - pilih HTML/java script

3. Copy  HTML script 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 2px 0;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://haranobu23.blogspot.com/search/label/blog" target="blank"><font color="black">Get This<font></font></font></a></div> </div>


4. Paste Pada Blog - lalu Simpan

5. Atur letak posisi gadget agar tidak mengganggu pembaca

6. Lihat blog - sekarang blog sobat sudah terpasang Widget Share Media Sosial

Dapatkan Info menarik lainnya



1. Percakapan Sehari hari Bahasa Jepang
2. Kumpulan Foto Kota Tegal Jaman Dulu
3. Merekam Video pada Monitor Pakai VLC
4. Cara mudah Membagi Partisi Hardisk
5. Tips Cepat merubah Logo Blog