Cara Membuat Widget Share Super Keren Banget

Widget Share, merupakan salah satu widget yang cukup penting di dalam sebuah blog. Selain untuk mempercantik tampilan blog, widget inipun berfungsi agar si pengunjung dapat membagikan yang dibacanya melalui akun media sosial seperti facebook, twitter dan lainnya. Pada artikel kali ini SP ingin memberikan sebuah widget share yang super keren. Buat sobat yang berminat untuk mengaplikasikannya, ikuti langkah-langkah berikut :

1. Pertama login ke Blogger

2. Pilih Tata Letak

3. Pilih Tambah Gadget

4. Klik HTML/JavaScript

5. Masukan kode dibawah ini kedalam kolom HTML/JavaScript

<!--SideBar Floating Share Buttons Code Start-->

<style>

#pageshare {position:fixed; bottom:30%; 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="https://twitter.com/HendarmanAP/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='fb'><a name="fb_share" type="box_count" href="https://www.facebook.com/sharer/sharer.php?u=">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://aingbudakcimohai.blogspot.com" target="blank"><font color="black">Get This<font></font></font></a></div></div>

6. Simpan.

Gampang khan, sekarang silahkan aplikasikan widget tersebut kedalam blog sobat. Semoga artikel tentang Cara Membuat Widget Share Super Keren Banget ini bisa membantu dan bermanfaat, terimakash atas kunjungannya....