Apa yang anda cari ?


CSS

Kamis, 27 September 2012

Cara membuat widget share melayang

·

Cara membuat widget share melayang
pada sisi blog karena setiap selera blogger sudah pasti berbeda untuk memasang widget share kadang terpasang pada sisi widget seperti biasa ada pula memasang tombol share tersebut berada pada setiap posting ataupun berada didalam posting. Kegunaan widget share melayang ini disamping untuk menghemat gadget pada sisi posting mungkin  agar blog terlihat profesional dimata pengunjung.
Cara Membuat Widget Share MelayangKalau kegunaan secara umum pasti sobat blogger sudah banyak yang tahu jika widget share button berguna saat kita mengupdate postingan bisa langsung membagikannya pada orang banyak dengan memanfaatkan situs jejaring sosial.
Untuk pemasangan widget share melayang sangat mudah dilakukan silahkan buka dashboard sobat blogger dan pilih add element lalu tambah gadget html javacript kemudian paste kode dibawah ini
<!–SideBar Floating Share Buttons Code Start–>
<style>
#pageshare {position:fixed; bottom:15%; right:10px; float:right; 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></a></div>
<div class=’sbutton’ id=’fb’><a name=”fb_share” type=”box_count” href=”http://www.facebook.com/sharer.php”>FB 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://shootsoul.blogspot.com/2012/09/cara-membuat-widget-share-melayang.html” target=”blank”><font color=”black”>Get Widget<font></font></font></a></div></div>
<!–Jangan Ubah Sedikitpun kode ini atau tidak akan bekerja–>#

Bila kita merasa menu share terlalu banyak, bisa juga untuk menghapus beberapa menu share misalkan sobat tidak memiliki akun stumbleupon, tinggal hapus saja kode share stumbleupon yang ada didalam menu widget tersebut, begitu pula jika sobat ingin menghapus komponen lainnya. Semoga Cara Membuat Widget Share Melayang berhasil dan bermanfaat.
Comments
0 Comments

0 komentar:

Poskan Komentar

Mari berpartisipasi dalam berkomentar,dengan diberikannya hak untuk menyatakan pendapat dan berbicara ,mari nyatakanlah pendapatmu tentang artikel diatas asalkan tidak berunsur SPAM/Penipuan,tidak berbau pornografi dan menggunakan bahasa yang ramah.

handapeunpost