Ngegadgets Indonesia - Sebelumnya silahkan bagi yang belum
bikin blog sendiri silahkan
bikin blog disini, ikuti langkah-langkah
bikin blog nya ya Bro. Membagikan tulisan ke sosial media memang sangat penting untuk berbagu ilmu, menambah traffic, menambah pag views dan mengoptimalkan dukungan SEO terhadap semua isi tulisan yang ada di blog. Sebelumnya silahkan baca juga tips dan trik blog lainya
disini ya
Sosial media memang sangat penting setelah optimalisasi sebuah blog, Ngegadgets Indonesia sendiripun juga selalu berbagi tulisan ke jejaring sosial yang dimiliknya.
Tak terbayang kan jika Anda sekarang memiliki fanspage yang hingga ratusan ribu likers, atau akun Twitter yang memiliki puluhan ribu followers? Tentu saja hal tersebut akan menambah pengunjung dan page views secara masa
|
Pasang Button Share di Blog |
silahkan ikuti langkah dibawah jika Anda ingin berbagi melalui media sosial ternama saat ini seperti Facebook, Twitter, Google+, ataupun Sosial bookmarking seperti StumbleUpon dan atau Digg.
Nah langsung saja silahkan ikuti langkahnya dibawah :
2. Masuk ke menu "Tampilan atau Layout"
4. Kemudian copy dan paste kodeHTML dibawah kedalam jendela pop up yang muncul :
<!--Widget Share Button Melayang Mulai-->
<style>
#pageshare {position:fixed; bottom:15%; right: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="bagikan ke teman anda">
<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: 9px;text-align:center;"><a
href="http://ngegadgets.blogspot.com//2014/08/pasang-button-share-di-blog-anda-cara-memasang-button-share-di-blog.html"
target="blank" title="Cara Memasang Widget Share Button"><font
color="blue">[Get
Widget]<font></font></font></a></div></div>
<!--Widget Share Button Melayang Selesai-->
5. Simpan Widget
6. Selesai
Catatan :
Kode Warna Hijau adalah angka untuk mengubah posisi widget share button, aturlah sesuka hati
Kode Warna Biru adalah kode untuk stumble dan digg, hapuslah jika perlu, hal tersebut dilakukan agar share button lebih simple dan loading blog lebih ringan dengan java script yang sederhana
Tag :
pasang button share di blog, memasang button share, cara pasang widget share button, cara pasang share button di blog, tombol share pada blog