Jun 15, 2012

Cara pasang like share FB tweet melayang di blog

Facebook twitter dan google plus merupakan jejaring sosial yang mampu mendongkrak traffic kunjungan dan popularitas blog. Nah pada kesempatan ini saya akan membuat tutorial tentang cara membuat dan memasang like share facebook dan tweet dan google plus di blog langsung saja kita ikuti cara-caranya:

cara membuat memasang like share facebook twitter google plus melayang di blog


1. Maasuk ke akun blogger

2. Dasbor > Tata Letak > Tambahkan Gadget > Pilih Html/javascript

3. Masukkan kode di bawah ini


<!--Widget Like share tweet google plus Melayang Start-->

<style>

#pageshare {position:fixed; bottom:15%; right: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="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: 9px;text-align:center;"><a href="http://www.super-gaptek.com" target="blank"><font color="blue">(Get Widget)<font></font></font></a></div></div>

<!--Widget Like share tweet google plus Melayang End-->

4. Terakhir simpan > simpan setelan.

5. Selesai

Lihat contohnya adalah di blog saya ini.

Widget tombol berbagi like facebook tweet google plus melayang di blog selesai dan terpasang di blog anda.


1 comment:

Anda harus menjadi follower blog ini jika ingin memberikan komentar. Terima Kasih