Selasa, 28 Mei 2013

Cara membuat Like Facebook dan Tweet melayang di Blog




Pada postingan sebelumnya saya membuat tentang Cara membuat Like Facebook FP melayang di Blog.

Postingan kali ini tentang Cara membuat Like Facebook dan Tweet melayang di Blog

oke langsung saja








  1. Masuk akun Blogger > Tata Letak> Tambahkan Gadget

  2. Pilih HTML/JavaScript

  3. Copy Paste Tambahkan kode ini di dalamnya

    <style>

        #thiswidget {

           height: 30px;

           width: 70px;

           border-radius: 0 0 5px 5px;

           float: left;

           padding: 0 0 0 12px;

           background-color: #D0D0D0;

        }

        #boxshare {

           display: scroll;

           position:fixed;

           bottom:40%;

           left:2%;

           width: 82px;

           background-color:#FFFFFF;

           border: 1px solid #A3A3A3;

           border-radius:5px;

           padding:0 0 2px 0;

           -moz-border-radius:5px;

           -webkit-border-radius:5px;

           z-index:10;

        }

        #boxshare .boxbutton {

           float:left;

           clear:both;

           margin:5px;

        }

        .fb_share_count_top {

           width:68px !important;

        }

        .fb_share_count_top, .fb_share_count_inner {

           -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;

        }

        .FBConnectButton_Small, .FBConnectButton_RTL_Small {

           width:68px !important;

           -moz-border-radius:3px;

           -webkit-border-radius:3px;

        }

        </style>



        <div id='boxshare' title="Share This">

        <div class='boxbutton' 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='boxbutton' id="fb-root"><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:send layout="box_count" show_faces="false" font=""></fb:send></div>

        <div class='boxbutton' id='rt'><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="Mahfud_Rastaman">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></div>

        <div class='boxbutton' id='gplusone'><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="tall"></g:plusone></div>

        <div class='boxbutton' 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;">

        </div>

        <a href='http://arek-buluagung-cinta-damai.blogspot.com/2013/05/cara-membuat-like-facebook-dan-tweet.html' id='thiswidget'>add widget</a>

        </div>

  4. Selesai

Untuk Kode berwarna Hijau ganti dengan username twitter anda

Anda dapat membuat facebook seperti kotak di sebelah kanan halaman Anda dengan mengganti sorot Merah dari Left dan Right Dan Anda dapat mengatur jarak dari bawah ke halaman facebook seperti kotak dengan mengganti 40% dengan jarak yang Anda inginkan.

0 komentar:

Entri Populer