Seperti halnya facebook, Twitter, Blog dan lain-lain yang terdapat tombol berbagi dihalaman web masing-masing sehingga para pengunjung dapat mengetahui update-an artike serta informasi yang dibagikan kepada publik hal itu sangatlah membantu untuk meningkatkan pengunjung blog maupun website lainnya, tidak mau kalah juga disini saya akan memberikan sebuah artike tentang Cara Menambahkan Tombol Social Network Melayang di Blog, langsung saja kita menuju langkah-langkah cara menerapkannya di Blog berikut ini:
1. Masuk ke akun Blog anda
2. Pilih Tata Letak
3. Tambahkan gadget baru (Html/Javascript)
4. Masukan kode dibawah ini kedalam gadget yang sudah ditambahkan,
sedikit gambarannya seperti dibawah ini :
Karna anda sudah membaca dan menerapkan cara ini diblog anda maka sekian saja postingan kali ini, silahkan berikan komentarnya demi kebaikan blog Flasmaweb, Termiakasih.
1. Masuk ke akun Blog anda
2. Pilih Tata Letak
3. Tambahkan gadget baru (Html/Javascript)
4. Masukan kode dibawah ini kedalam gadget yang sudah ditambahkan,
<!--SideBar Floating Share Buttons Code Start-->5. Lalu tekan [Tombol] Simpan dan lihat hasilnya.
<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://bos-tutorial.blogspot.com/2012/07/cara-memasang-widget-share-media-sosial.html" target="blank"><font color="black">Get This<font></font></font></a></div></div>
sedikit gambarannya seperti dibawah ini :
Karna anda sudah membaca dan menerapkan cara ini diblog anda maka sekian saja postingan kali ini, silahkan berikan komentarnya demi kebaikan blog Flasmaweb, Termiakasih.
0 komentar:
Post a Comment