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 https://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.a.dhea.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 https://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.

Judul: Memasang tombol share melayang di blog (website)
Ditulis oleh Unknown
Rating: 5 dari 5

Tolong jangan Copy Paste artikel pada Blog ini..!!
Hargai karya Orang Lain, Jika Blog ini bermanfaat mohon Like dan Sharenya ya.

Baca juga postingan Blogger