Jangan Lupa Like Fans Page dan Admin Zink Blog
Home » » Cara Memasang Tombol Share Keren di Blog

Cara Memasang Tombol Share Keren di Blog

Written By Unknown on Monday, February 25, 2013 | 8:08:00 AM

Terimakasih Telah Mengunjungi Zink Blog
http://www.zink-share.com/2013/02/cara-memasang-tombol-share-keren-di-blog.html
http://www.zink-share.com/2013/02/cara-memasang-tombol-share-keren-di-blog.html


Cara Memasang Tombol Share Keren di Blog - Tombol Share adalah sebuah tombol untuk membagikan post atau link blog ke Social Media baik itu Facebook, Twitter, Google Plus tanpa harus mengcopy link. keuntungannya Tombol Share Keren! ini adalah
Tombol yang tidak memakan banyak tempat. di posting kali ini saya akan menjelaskan cara mudah membuat Tombol Share Keren!. Ingin tahu caranya?, ikuti Langkah demi Langkah Berikut Ini:


  • Silahkan Login ke Blogger anda.
  • Setelah itu, Klik Menu Tata Letak dan Add Gadget HTML.

  • Masukan Kode Berikut ini:

<!--SideBar Floating Share Buttons Code Start-->
        <style>
        #pageshare {position:fixed; bottom:15%; left: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="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: 12px;text-align:center;"><a href="http://your-belajarblog.blogspot.com/2013/01/cara-membuat-tombol-share-keren.html" target="blank"><font color="black">Ambil Kode</font></a></div></div>

  • Setelah Itu, Klik Simpan.
  • Tombol Share sudah Jadi, Mudah Bukan?.


Successful! Semoga Bermanfaat..

6 komentar:

  1. thanks sob
    kunjungi & follow back ya http://aswinputrablog.blogspot.com/

    ReplyDelete
  2. masukkan kode nya di bagian mana ya..... :-?

    ReplyDelete
    Replies
    1. :-s Lihat Ini : http://1.bp.blogspot.com/-SoUOAsoTMn4/UZyFr_BZcwI/AAAAAAAAAS4/YjfRcZ_WDpw/s1600/Untitled.png

      Thanks sudah berkunjung x-)

      Delete
  3. mantap sekali gan, jadi makin indah blog saya< thenkyu...

    ReplyDelete
    Replies
    1. Aduh ada pak jokowi, thanks udah berkunjung.

      Delete

Total Pageviews

Visitor

Followers

 
Support : GAM | Zink Blog | Badsuna B
Copyright © 2013. Zink Blog - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger