Menambahkan Share Media Jejaring Sosial Kedalam Blog

Dalam menu bawaan standar blogger penambahan share melalu jejaring sosial sudah disediakan, akan tetapi jika anda ingin memodifikasi gadget tersebut bisa anda lakukan dengan cara sebagai berikut :


1. Masuklah pada account blog anda.
2. Bukalah menu Design dengan memilih Page Eleman.
3. Buka HTML/JavaScript unruk menambah gadget blog anda.
4. Masukkan kode berikut :

<!-- floating page sharers Start fauzi-original.blogspot.com-->
<style type="text/css">
#pageshare {position:fixed; bottom:15%; margin-left:200px; float:left; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fff;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;/*bs-fsmsb*/-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="Get this from fauzi-original.blogspot.com">
<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>
<div class='sbutton' id='rt'>
<script src="http://tweetmeme.com/i/scripts/button.js" type='text/javascript'></script>
</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='gplusone'>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<g:plusone size="tall"></g:plusone>
</div>
<div style="clear: both;font-size: 9px;text-align:center;">Get <a href="http://fauzi-original.blogspot.com//">widget</a></div><!-- Do not remove this link -->
</div>
<!-- floating page sharers End -->


5. Save kode tersebut.
6. Jika kode yang anda masukkan benar maka terdapat gatged yang baru anda tambahkan pada halaman blog anda.

Note : Untuk mengatur letak dari gatged tersebut maka anda bisa mengatur jarak dengan mengganti  besarnya angka (bisa menggunakan minus (-)) sesuai keinginan anda :

#pageshare {position:fixed; bottom:15%; margin-left:200px; float:left; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fff;padding:0 0 2px 0;z-index:10;}


Selamat mencoba, good luck :)
 

1 comment: