Berlanggan Via Email

Enter your email address:

My Friend

Cara Pasang Widget Share Social di Blog

blog rangga


Cara Pasang Widget Share Social di Blog judul post ini gak tau apa cocok dengan isi postingan nya masalah nya widget vertikal ini bisa menshare postingan dan bisa juga berbagi jempol dengan pengunjung blog seperti Facebook , Twitter , share Google , submit ke stumbleupon dan Digg yang jelas memberikan efek positif buat blog menurut yang pernah saya baca .

Biar sobat tidak penasaran lebih bagus tes dulu pasang nya di blog  dengan langkah - langkah sebagai berikut :

1. Login ke dulu ke Blogger
2. Pilih Tata Letak
3. Pilih salah satu tambah gadget
4. Klik Html/Java script
5. Copy kode Html di bawah ini

<!--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>
<br />
<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 font="" layout="box_count" show_faces="false"></fb:like></div>
<div class="sbutton" id="rt">
<a class="twitter-share-button" data-count="vertical" href="http://twitter.com/share">Tweet</a><script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script></div>
<div class="sbutton" id="gplusone">
<script src="https://apis.google.com/js/plusone.js" type="text/javascript"></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" href="http://www.blogger.com/blogger.g?blogID=2011306476484227578"></a></div>
<div class="sbutton" id="fb">
<a href="http://www.facebook.com/sharer.php" name="fb_share" type="box_count">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://blog-rangga.blogspot.com/2012/12/cara-pasang-widget-share-social-di-blog.html" target="blank" title="Cara Pasang Widget Share Social di Blog"><span style="color: blue;">[Get Widget]</span></a></div>
</div>
<!--Widget Share Button Melayang End-->


6. Lalu pastekan ke halaman HTML/Javascript
7. Klik simpan untuk melihat hasil nya di blog

keterangan :
  • untuk tulisan warna merah bisa di ubah nilai nya sesuai posisi yang di inginkan.
  • untuk tulisan warna hijau warna border atau garis widget.
  • untuk tulisan warna orange adalah kode backgroud widget ubah kode HTML nya sesuai selera untuk mendapatkan kode warna HTML klik >> disini .
  • untuk tulisan warna biru hapus kalau ingin menghapus button stumbleupon dan Digg biar tampilan nya lebih simple .

Hasil nya hampir mirip dipojok postingan ini dan tolong sekalian di bantuin klik widget nya ya he...he....


Klik tombol berbagi :

3 komentar:

Blog Mas Acep mengatakan...

Saya izin pasang yang script digg nya mas bro ;)

Anonim mengatakan...

nice, makasih gan, mampir di blog ane http://kakadikacaw.blogspot.com/, jgn lupa komen ^^.

ruli mengatakan...

terimakasih gan http://sharing-infokuliah.blogspot.com/