Sunday, 20 May 2012

Cara Memasang Tombol Share Facebook dan Twitter melayang di Blog

Salah satu cara mempromosikan blog kita adalah dengan membagikan (share) artikel blog kita melalui jejaring sosial ( social networking ) seperti facebook dan twitter. kadang memang setiap template blog memiliki tombol share bawaan tapi terkadang ada juga template blog yang tidak di fasilitasi oleh share bawaan tersebut atau kadang juga ada tombol share bawaan tapi tidak bisa di munculkan. jalan keluarnya adalah memasang tombol share external atau tambahan sendiri. dari berbagai macam variasi tampilan tombol share tambahan salah satunya adalah share yang bisa melayang, tambah keren tentunya dan sarana belajar dan berkreasi ingin mencoba share cara memasang tombol share facebook dan twitter melayang di blog. berikut adalah tutorialnya :

1. Login blogger.com
2. Di dasbor pilih rancangan/design >> Page Elements
3. Kemudian pilih add gadget
4. Kemudian pilih HTML/Javascript
5. Copas kode di bawah ini dan masukkan kedalam content.

    <style>
    #sharebar {position:fixed; bottom:15%; margin-left:-71px; float:left; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fff;padding:0 0 2px 0;z-index:10;right:0;}
    #sharebar .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>
    <div id="sharebar">

    <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>
    <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">
    <script src="http://widgets.digg.com/buttons.js" type="text/javascript">
    </script>
    <a class="DiggThisButton DiggMedium" href=""></a>
    </div>
    <div class="sbutton" id="gb">
    <a class="google-buzz-button" data-button-style="normal-count" href="http://www.google.com/buzz/post" title="post on google buzz">
    <script src="http://www.google.com/buzz/api/button.js" type="text/javascript">
    </script>
    </a>

    </div>
    </div>
    </div>


6. Setelah selesai pilih Save dan lihat hasilnya.

demikian cara memasang tombol share facebook dan twitter melayang di blog. semoga bermanfaat bagi blogger seluruh dunia. amiiin.

Ditulis Oleh : mas agus // 19:30
Kategori:

0 comments:

Post a Comment

 

Google+ Badge

free counters

JOIN BLOG INI

KLIK TOMBOL SUKA