Cara Membuat Tombol Share Media Sosial Melayang di Blog

By On Monday, March 28th, 2016 Categories : Serba-Serbi
Catatan si BoyMembuat Tombol Share Media Sosial Melayang di Blog. Tombol share media sosial semacam facebook, twitter, google+ sangat penting untuk blog kita. Disamping
untuk meningkatkan pengunjung, tombol share dapat membantu pembaca
untuk membagi artikel kita ke media yang lain, seperti share di facebook, share di twitter dll, sehingga meningkatkan traffic blog. Bagi Anda anda menggunakan blog untuk meraup dollar misalnya melalui penayangan adsense, tentu traffic sangat dibutuhkan.

Membuat tombol sosial media dalam blog merupakan sebuah kewajiban bagi para blogger. Maka kali ini saya akan memberikan cara membuat tombol share sosial media melayang di blog, lihat gambar dibawah ini!

Cara Membuat Tombol Share Media Sosial Melayang di Blog

Gambar diatas menampilkan banyak kombinasi tombol share di blog, like facebook, share facebook, twitter, juga google+. Sudah cukup lengkap kan tombol share melayang diatas?

Lalu bagaimana cara membuatnya atau memasangnya pada blog kita? Ikuti tutorial dibawah ini:

Cara membuat tombol share melayang di blog :

  1. Masuk ke blogger kamu.
  2. Klik Rancangan.
  3. Tambah gadget dan pilih HTML/Javascript.
  4. Lalu copy dan paste kode dibawah ini.
    <!–tombol sosial media melayang–>
    <style>
    #pageshare
    {position:fixed; bottom:15%; right:30px;
    float:right; border: 0px solid black;
    border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#eff3fa;padding:0
    0
    2px 0;z-index:10;}
    #pageshare .sbutton {float:left;clear:both;margin:3px 3px 0
    3px;}
    .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>
    <br/><div style=”clear: both;font-size:
    9px;text-align:center;”><a
    href=”http://www.imgdesign.xyz/2016/03/cara-membuat-tombol-share-media-sosial.html”
    target=”blank”><font color=”black”>[Get This]<font></font></font></a></div></div>
  5. Langkah terakhir klik simpan.

Demikian informasi tentang cara membuat tombol share media sosial melayang di blog, semoga bermanfaat!
Cara Membuat Tombol Share Media Sosial Melayang di Blog | Si Boy | 4.5
Leave a Reply