Latest Games :
Home » » Cara Memasang Widget Share Button

Cara Memasang Widget Share Button

Rabu, 03 April 2013 | 0 komentar

          maukan widget keren ini ada di blog sobat?? pastinya !!!
          karna widget ini banyak di gunakan pada blog-blog lain, mala saya berminat untuk              
          membocorkan sedikit rahasia cara memasangnya di blog sobat..
       
Berikut adalah langkah-langkahnya :

1. Masuk/ Login ke Dasbor blog sobat

2. Pilih Rancangan

3. Pilih Tambah Gadget

4. Pilih HTML/JavaScript

5. lalu copy paste kode di bawah ini di dalam HTML/JavaScript tadi

-------------------------------------------------------------------------------------------

<!--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://permathic.blogspot.com/2012/04/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>

<!--Widget Share Button Melayang End-->



------------------------------------------------------------------------------------------


6.  Lalu klik Simpan

7. untuk langkah terakhir lihat hasilnya dehhh

8. selesai

Note : tulisan yang berwarna hikau anda bisa ganti sesuai selera sobat. dan yang merah anda bisa menggunakannya, bisa juga tidak di gunakan.


nahhh itu tadi sudah di kasih taukan Cara Memasang Widget Share Button, semoga bermanfaat yaa ^_^
Share this article :

Tidak ada komentar:

Posting Komentar

Member

 

Copyright © 2011. erstun.blogspot.com - All Rights Reserved [Erik Kristianto] || Twitter : @erikcristian97 | Facebook : Erik Cristian Nac