Cara Pasang berbagai Tombol Share yang simpel di blog

 

Share:

Facebook Twitter WhatsApp

Bagaimana blog agan bisa dikenal orang jika tidak satupun orang yang melihat blog agan? nah...untuk itu cara yang paling praktis adalah menambahkan tombol share Sosial dunia maya dengan tujuan membagi tentang apa yang telah kita posting di blog kita...!!

Ya sudah pasti postingan yang berbobot akan mendapat peringkat Number 1, yeahhh
Oya Tombol share yang kita maksud adalah tombol yang sudah kita pakai (LIhat Tombol sebelah kiri) namun kita posting lagi deh biar frogerizta pada pakai semua...!!
Berikut Kodenya :

<!--SideBar Floating Share Buttons Code 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:#000000;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: 9px;text-align:center;"><a
href="http://www.blogger9.com/2011/11/how-to-add-social-bookmark-counter.html"
target="blank"><font color="black">[Get
This]<font></font></font></a></div></div>


<!--SideBar Floating Share Buttons Code End-->




Tambahkan Kode diatas pada :
* Sekarang Anda di sini --- >>> Elemen Halaman


* Klik di Agdget Tambah yang di sidebar di blog anda.

* Ketika jendela baru terbuka pilih HTML / javascript dari daftar.


Selamat Mencoba