Cara Mudah Membuat Tombol Share Sosial Media Kanan atau Kiri Blog

Cara Mudah Membuat Tombol Share di Samping Kanan atau Kiri Blog - Sosial media semakin hari semakin banyak penggunanya, seperti yang di lansir keminfo di Indonesia lebih dari 63 juta orang merupakan pengguna internet. Penggunaan sosial media atau membuat tombol share sosial media di blog merupakan hal yang harus dimiliki oleh pengguna blog. Kalau biasanya template blog sering kali menempatkan tombol sosial media di bawah itu merupakan hal yang wajar dan sering dijumpai.

Fungsi Sosial media disamping berfungsi untuk pengunjung untuk lebih memudahkan dalam mengshare atau membagikan artikel yang berada di blog anda. Semakin banyak pengguna sosial media yang mengshare artikel sobat maka akan semakin pula yang akan lebih mengetahui mengenai konten yang anda tulis sobat.

Fungsi Tombol Widget Share Sosial media

Jangka lebih panjang ketika pengunjung mengklik tombol share keren pada blog sobat maka google akan mudah untuk melirik menyisipkan iklan di website yang anda miliki. Iklan-iklan lain pun akan semakin melirik seperti reveneuhit maupun adsoptimal yang saya ketahui.

Ada banyak cara membuat widget share di blog namun pada postingan ini saya akan memberikan tutorial pada sobat untuk membuat tombol share sosial media melayang di kiri. So, silahkan terapkan kursus tutorial saya pada blog sobat.

cara membuat tombol share melayang di pinggir postingan blog

1. Silahkan masuk pada Tata Letak
2. Tambahkan widget baru
3. Kemudian klik widget HTML
4. Copy paste script di bawah ini

<!--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://id-pemula.blogspot.com/">Get This</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
</div></div>

5. Kemudian save kode tersebut
6. Lihat tampilan yang baru pada sobat 

NB: Silahkan mengganti warna merah dengan rigt kalau pengen mengubah pada sisi kakan blog.

Demikian tulisan cara cepat membuat tombol widget sosial media share pada blog, semoga setelah sobat menepekan widget ini tambah semakin banyak pengunjung yang melirik blog sobat. Silahkan tinggalkan komentar pada tulisan kami ini. Silahkan share tulisan kami kalau dianggap bermanfaat.

Tag: Widget Sosial Media Share, Cara membuat tombol sosial media share, cara membuat sosial media share pada blog.