Cara Mudah Membuat Tombol Share Melayang di Blog

Cara Mudah Membuat Tombol Share Melayang di Blog

Cara Mudah Membuat Tombol Share Melayang di Blog ,cara bikin tombol share melayang itu mudah , tombol share

sangat berfungsi untuk membagikan link artikel ke situs lainya, dari fungsi tersebut tergagas keinginan kita untuk Membuat Tombol Share Melayang di Blog supaya tombol share lebih terlihat atau cari muka :D. Banyak situs situs atau web blog yang memasang button seperti ini, Apakah anda tertarik?...

 Tombol Share juga sudah banyak fitus share ke situs situs sosial terkenal, seperti fb, tweeter, blogger, gmail dan lainya.. lalu bagaimana cara membuatnya, simak berikut ini:



cara bikin tombol share melayang itu mudah

  1. Mask/login ke blogger
  2. klik Rancangan / Tataletak
  3. Tambah Gaget, kemudian klik HTML/JavaScript
  4. copy dan pastekan kode berikut 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" 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://juraganilmu.blogspot.com/2013/09/cara-mudah-bikin-tombol-share-melayang.html" target="blank"><font color="black">[Get This]<font></font></font></a></div></div>


  • Lalu klik Simpan.
Demikia pembahasan tentang Cara Mudah Membuat Tombol Share Melayang di Blog, semoga bermanfaat
baca juga:





thumbnail
Judul: Cara Mudah Membuat Tombol Share Melayang di Blog
Rating: 100% based on 99998 ratings. 5 user reviews.
Ditulis Oleh

Artikel Terkait Tips Blog, Tips Trik PC, Tutorial :

0 komentar:

Post a Comment

Berkomentar dengan BIJAK, TIDAK SARA, Jangan menyinggung kelompok atau ras dan lainya... Dilarang SPAM. Melanggar terpaksa saya DELETE.
Thank.. Tinggalkan komentar.

 
Copyright © 2013. About - Sitemap - Contact - Privacy