Memasang tombol share melayang di blog (website)

Untuk meningkatkan pengunjung blog ada banyak cara yang dapat dilakukan salah satu caranya adalah memasang tombol share pada setiap halalaman blog. Cara ini merupakan cara memanfaatkan jejaring sosial pengunjung blog yang apabila pengunjung blog melakukan share artikel blog maka secara otomatis blog anda akan terposting di jejaring sosial mereka seperti google plus, facebook, twitter dll. Membahas lebih jauh postingan kali ini adhea akan memberikan tips cara memasang tombol share melayang di setiap postingan blog atau website anda. Langsung aja sobat kita terapkan sekarang.



Langkah langkah memasang tombol share

1. Login blogger seperti biasa
2. Masuk ke halaman Tata Letak
3. Tambah Gadget di bagian sidebar
4. Pilih HTML/Javascript kemudian copy paste kode di bawah ini

<!--SideBar Floating Share Buttons Code Start www.adhea-putra.blogspot.com-->
<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="www.adhea-putra.blogspot.com" target="blank"><font color="black"><img src="http://cdn.softango.com/content/images/soft/104k/104315/icon_32.png"><font></font></font></a></div></div>
<!--SideBar Floating Share Buttons Code Start www.adhea-putra.blogspot.com-->


5. Simpan  widget dan lihat hasilnya

Note : Tulisan berwarna merah adalah posisi widget, saya memakai widget ini disebelah kiri jadi saya tulis left, kalau anda ingin mengubahnya di sebelah kanan tinggal ganti tulisan berwarna merah dengan right.

Selesai...Jika ada pertanyaan silahkan berikan komentar anda di bawah halaman ini.
Sekian tips dan trik cara memasang tombol share, semoga bermanfaat untuk anda.



Labels: Blogger

Thanks for reading Memasang tombol share melayang di blog (website). Please share...!

0 Comment for "Memasang tombol share melayang di blog (website)"


Tolong komentarnya berhubungan dengan artikel yang ada. Komentar yang mengarah ke tindakan spam akan di hapus atau terjaring secara otomatis oleh spam filter.

Back To Top