Cara Membuat Tombol Share Media Sosial Melayang di Sisi Kiri Web/blog

Share Media Sosial Melayang adalah box atau kotak media share ke media sosial seperti facebook, twitter, google plus dan lainnya, yang terintegrasi dengan halaman posting blog sehingga akan mambuat mudah para visitor untuk membagikan posting pada sebuak halaman Web/blog ke banyak media sosial. Untuk penempatannya sangat mudah karena langsung di halaman layout dan add gadget.

Tombol Share Media Sosial Melayang akan menghiasai halaman Web/blog dengan menempatkan diri melayang disisi kiri Web/blog dan juga akan menambah cantik tampilan pada entri posting blog dan kemungkinan besar akan kembali lagi di lain waktu.

Cara meletakkan Like Box Facebook pada blog.

Masuk ke akun blogger.
Masuk ke menu tab Layout > Add a Gadget.
Letakkan semua kode dibawah ini pada Gadget tersebut kemudian tekan tombol SAVE.

<!--Skin Design Floating 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://sk1ndesign.blogspot.com/2018/06/cara-membuat-tombol-share-media-sosial_18.html" target="blank"><font color="black">[Get This]<font></font></font></a></div></div>

Pada teks box merah silahkan ganti dengan link lain sesuai selara.
Jika semua selesai dan sesuai dengan tutorial diatas, maka lihatlah hasilnya!.

Result

Demikian tutorial yang bisa kami sampaikan, jika kurang dipahami silahkan tinggalkan pesan.