Membuat Tombol Share Melayang di Blog

Membuat Tombol Share Melayang di Blog, tombol share sosial media sangat penting untuk blog kita, disamping untuk meningkatkan pengunjung tombol share akan membantu kepada pembaca untuk membagi artikel kita ke media yang lain, seperti share di facebook, share di twitter dll.

Membuat tombol sosial media dalam blog saya rasa jadi sebuah kewajiban bagi para blogger, nah kali ini saya akan memberikan tentang cara membuat tombol share melayang di blog, lihat gambar 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.


    <!–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&#8221; class=”twitter-share-button” data-count=”vertical” >Tweet</a><script src=’http://platform.twitter.com/widgets.js&#8217; 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&gt;
    <div class=’sbutton’ id=’digg’ style=’margin-left:3px;width:48px’><script src=’http://widgets.digg.com/buttons.js&#8217; 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&#8221; type=”text/javascript”></script></div><br/><div style=”clear: both;font-size: 12px;text-align:center;”><a href=”http://ins-think.blogspot.com/2012/02/membuat-tombol-share-melayang-di-blog.html&#8221; target=”blank”><font color=”black”>[Get This]<font></font></font></a></div></div>

    —————————————————————————————————————–

  5. Langkah terakhir klik simpan.

Demikian sedikit informasi tentang cara membuat tombol share melayang di blog, semoga berguna buat blog kamu. thanks..

Tinggalkan komentar

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: