Minggu, 08 Desember 2013

Tips Cara Mudah Membuat Tombol Share Button Melayang Disebelah Kanan

Tips Cara Mudah Membuat Tombol Share Button Melayang Disebelah Kanan- - -Sebuah situs yang tidak memiliki tombol share sosial media seperti facebook, twitter, googel+ dan lainya adalah sebuah alat sosial media untuk membagikan atau menginfokan sebuah situs agar dapat memiliki banyak pengunjung yang bisa dilihat semua orang.

Tampilan tombol share melalui sosial media ada banyak memiliki tampilan, tinggal anda cari digoole sudah pasti ada ratusan bahkan ribuan tutorial mengenai cara pasang widget sosial media ini.

Berikut ini adalah Cara Mudah Membuat Tombol Share Button Melayang :
1. Login ke dasbor blog anda
2. Pilih rancangan
3. Pilih tambah gadget
4. Pilih Html/Java script
5. Copy kode Html di bawah ini
6. Pastekan di Html/ Java Script tadi
7. Simpan

Berikut ini Kode Share button melayang :

<!--Widget Share Button 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://mulyatutorial.blogspot.com/2013/12/silahkan-backlink-ataupun-tukar-link.html" target="blank" title="Tukar Link Yuk"><font color="blue">[Get Widget]<font></font></font></a></div></div>
<!--Widget Share Button Melayang End-->

Selamat mencoba dan semoga berhasil, demikianlah yang dapat disampaikan Dunia Komputer dan Internet mengenai Tips Cara Mudah Membuat Tombol Share Button Melayang Disebelah Kanan, semoga dapat bermanfaat dan bisa menambah ilmu pengetahuan bagi kita semua.

Tidak ada komentar:

Posting Komentar