Sahabat Catatanku kali ini saya akan menulis sebuah artikel yang berjudul Cara Memasang Widget Share Button Facebook, Twitter, Google di Blog berawal dari kunjungan saya ke salah satu blog teman kita disitu saya melihat salah satu butto share yang cukup menarik untuk itu saya akan membagikan informasi ini untuk anda para sahabat Catatanku
nah bagaimana caranya?
lets check it out...!!
berikut langkah -langkahnya:
- Login ke dasbor blog anda
- Pilih rancangan
- Pilih tambah gadget
- Pilih Html/Java script
- Copy kode Html di bawah ini
- Pastekan di Html/ Java Script tadi
- Simpan
- Selesai
<!--Widget Share Button Melayang Start-->
<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="<!--Widget Share Button Melayang Start-->
<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://galerbis.blogspot.com/2012/11/cara-memasang-widget-share-button.html"><font color="blue">[Get Widget]<font></font></font></a></div></div>
<!--Widget Share Button Melayang End-->"><font color="blue">[Get Widget]<font></font></font></a></div></div>
<!--Widget Share Button Melayang End-->
Cotoh hasilnya seperti ini
Catatan
: untuk tulisan warna hijau anda dapat mengeditnya sesuai keinginan
anda. Dan tulisan warna merah bisa anda hapus jika anda ingin tampilan
yang simple.
selamat mencoba....!!
Jual Cytotec Obat Aborsi Asli Obat Penggugur Kandungan, Obat Aborsi
BalasHapusJual Obat Aborsi Murah, Obat Penggugur Kandungan menjual Obat Aborsi Aman, Obat Aborsi Asli Ampuh, Obat Cytotec, Obat Aborsi Manjur, dan Cara Menggugurkan Kandungan.
Obat Aborsi Cytotec dan Obat Gastrul
Jual Obat Aborsi
Obat Aborsi
Obat Penggugur Kandungan
Jual Obat Cytotec
Jual Obat Aborsi Ampuh
Jual Obat Aborsi Asli Tuntas
Cara Menggugurkan Kandungan Janin
Obat Aborsi Asli Aman
Obat Aborsi Cytotec
Jual Obat Cytotec
Jual Cytotec Asli
Jual Cytotec
Klinik Obat Aborsi
Jual Obat Aborsi
Jual Obat Aborsi Asli
Jual Obat Aborsi Asli Ampuh
Jual Obat Aborsi Asli Tuntas
Jual Obat Aborsi Asli Manjur
Obat Penggugur Kandungan Aman
Obat Aborsi
Jual Obat Aborsi Cytotec Asli
Obat Aborsi Asli
Klinik Aborsi
Jual Obat Aborsi Ampuh
Jual Obat Aborsi Cytotec Ampuh
Jual Obat Aborsi Cytotec Asli
Jual Obat Aborsi Tuntas
Jual Obat Aborsi
Obat Aborsi Ampuh
Obat Aborsi
Obat Aborsi Asli Ampuh
Obat Aborsi Penggugur Kandungan