 |
| Widget Share Button |
Widget Share Button Facebook, Twitter, Google keren di Blogspot, merupakan salah satu kelengkapan blog yang cukup penting.
Seiring dengan perkembangan media sosial, Wid
Widget Share Button pada dasarnya bukan hanya memudahkan pengunjung melakukan share pages di situs kita. Lebih dari itu, hal ini sangat berdampak positif pada blog kita. Karena, bisa menjadi media marketing gratis yang dapat menyebar kemana-mana.
Tertarik?
Untuk itu, ada beberapa cara yang dapat dilakukan. Di antaranya adalah mencoba langkah-langkah berikut ini;
Login ke dasbor blog anda
get Share Button seperti Facebook, Twitter, Google sangat dibutuh sebuah blog saat ini. Widget ini, memungkinkan kita untuk berbagi secara cepat berbagai konten kepada publik.
- Pilih rancangan
- Pilih tambah gadget
- Pilih Html/Java script
- Copy kode Html di bawah ini
- Pastekan di Html/ Java Script dibawah ini
- 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=” http://expo2012online1.blogspot.com/2012/07/cara-memasang-widget-share-button.html” target=”blank” title=”Cara Memasang Widget Share Button”><font color=”blue”>[Get Widget]<font></font></font></a></div></div>
Catatan : untuk tulisan warna PINK anda dapat mengeditnya sesuai keinginan anda. Dan tulisan warna BIRU bisa anda hapus jika anda ingin tampilan yang simple.
Contoh hasilnya? Click here 😉 Liat disamping sebelah kanan.. Klik suka bila perlu.. hehehe….