cara mudah memasang widget share button di blogspot dan wordpress

Widget share media sosial merupakan salah satu hal yang penting untuk meningkatkan kepopuleran blog anda, sehingga pengunjung bisa membagikan hal yang bermanfaat kepada teman-teman mereka ke media sosial.

Tidak hanya itu.
Widget ini juga berfungsi untuk memperindah Blog anda, sehingga struktur Blog anda lebih enak dipandang.

Baiklah saya akan memberikan cara memasang widget share di blog dengan mudah.

Cara memasang widget Share Button pada Blogspot
Cara pertama kita buka Tata letak pada Dashboard Blogspot kita
Setelah itu tambahkan tata letak Html/Java Script 
 

lalu copy kode dibawah ini dan masukan ke Pop up yang muncul

<!--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://bin.blogspot.com/2018/07/memasang-widget-share-button.html" target="blank"><font color="black">Get This<font></font></font></a></div></div>

dan Simpan
Hasilnya bisa anda lihat akan seperti gambar dibawah ini

Mudah bukan ?

untuk anda yang ingin tampilan Share button nya lebih beragam, bisa mengunjungi artikel saya dibawah ini

Cara membuat Share Button pada Blogspot

Untuk tutorial selanjutnya yaitu memasang  

Widget share Button pada Wordpress

Caranya juga cukup mudah, yaitu :

Kunjungi Wordpress.org/plugins/simple-share-buttons-adder/

Dapatkan Plugin nya lalu upload ke blog wordpress anda

atau anda dapat mencari Plugin nya secara langsung di kotak pencarian Plugin di blog wordpress and, caranya :

Add new Plugin > Cari plugin "Simple Share" > Install Now > Activate Plugin

Selesai

Jika anda merasa berat harus menggunakan Plugin untuk menampilkan Widget Share button pada Wordpress, anda juga bisa melihat tutorial selengkapnya di :

Menambahkan Widget share button Pada Wordpress

Demikian tutorial tentang memasang widget share button di Blogspot dan Wordpress, semoga dapat bermanfaat bagi anda para Blogger