Cara Mudah Membuat Tombol Share Melayang di Samping Blog Tanpa Edit HTML

Cara Mudah Membuat Tombol Share Melayang di Samping Blog Tanpa Edit HTML-Untuk menaikkan traffic blog biasanya para blogger sering menambahkan atribut-atribut seperti tombol share di bawah postingan, di atas postingan, bahkan ada yang bisa melayang di samping blog! dan yang paling mudah yaitu anda tidak perlu edit-edit HTML yang akan membingungkan anda!


Nah kali ini saya akan nge share Cara Mudah Membuat Tombol Share Melayang di Samping Blog Tanpa Edit HTML, ingin tau cara nya? simak langkah berikut :

  • Masuk ke akun blogger anda
  • klik Tata letak>Tambah gadget>HTML/Javascript
  • Pastekan Script berikut

    <!--Widget Share like FB tweet google plus digg Button Melayang Start-->
    <style>
    #pageshare {position:fixed; bottom:15%; right:10px; float:left; border: 1px solidblack; 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: 8px;text-align:center;"><a href="http://sigli-net.blogspot.com/2014/07/cara-mudah-membuat-tombol-share.html" target="blank"><font color="blue">Cara Membuat<font></font></font></a></div></div>
    <!--Widget Share like FB tweet google plus digg  Button Melayang End--> 


    • Simpan/Save 
    Coba lihat blog anda, caranya sangat mudah dan tidak perlu mengedit Html.
    Semoga bermanfaat
    Wassalam


    Kata kunci yang sama :

    • cara membuat tombol share melayang di samping blog
    • Cara Mudah Membuat Tombol Share Melayang di Samping Blog
    • Bagaimana Cara Mudah Membuat Tombol Share Melayang di Samping Blog
    • Membuat Tombol Share Melayang di Samping Blog
    • Membuat Tombol Share Melayang



    3 Komentar untuk "Cara Mudah Membuat Tombol Share Melayang di Samping Blog Tanpa Edit HTML"

    1. Gan Kenapa Like Facebook Nya Diatas

      BalasHapus
    2. Coba Visit Deh adamrizqi9c.blogspot.com

      BalasHapus
      Balasan
      1. udah saya tes di blog lain tp masih sama tampilannya sob! mungkin sobat terlalu banyak memasang widget, saya saranin hapus aja widget yg gk di perlukan
        Akibat Terlalu Banyak Memasang widget di Blog

        Hapus

    Iklan Atas Artikel

    Iklan Tengah Artikel 1

    Iklan Tengah Artikel 2

    Iklan Bawah Artikel