31 Maret 2013

Cara Membuat Facebook, Twitter, dan Google+ Melayang di Blog

Bagi blogger mungkin tidak asing dengan Facebook, Twitter, dan google+ melayang di blog karena selama saya surfing sudah banyak blog yang menggunakan widget itu termasuk blog ini hehehe.... Fungsi dari widget ini untuk meningkatkan like atau share dari blog ke jejaring sosial. Ya udah daripada kelamaan ikuti langkah langkah berikut..

1. Login ke blogger

2. Buka tata letak

3. Klik 'Add Gadget'

4. Copy pastekan kode dibawah 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>


5. Lalu simpan dan lihat hasilnya

Jika masih ada pertanyaan tentang cara membuat facebook, twitter, dan google+ melayang di blog tinggalkan komentar di bawah ini...


0 komentar:

Posting Komentar