Cara Membuat Tombol Share Melayang

Cara Membuat Tombol Share Melayang Terbaru - Kali ini saya ingin share Widget untuk blog sobat, yaitu Widget Tombol share melayang terbaru. Widget share melayang (Floating share) ini terdiri dari Tombol Google+ (Plus), Like Button Facebook, dan Twitter share button.

Widget ini sudah saya modifikasi sendiri. Biasanya floating share ada border pada sisi-sisinya. Tapi saya hilangkan. Widget ini terletak di pojok kiri bawah dan tepat di atas tombol start windows :D.

Berikut ini adalah Tutorial Cara Pemasangan :

1. Login ke akun blogger.

2. Klik tab "Tata Letak".

3. Klik "Tambah Gadget".

4. Cari dan pilih "Html/JavaScript".

5. Langsung Copy dan Paste-kan kode berikut pada kotak "Konten"!. Untuk "Judul" Kosongkan saja!.

<!--Putupunyablog Floating Share Buttons Code Start-->
<style>
#pageshare {position:fixed; bottom:1%; left:0px; float:left; padding:0 0 0px 0;z-index:10;} #pageshare .sbutton {float:left;clear:both;margin:1px 1px 0 1px;} .fb_share_count_top {width:48px !important;}
.fb_share_count_top,
.fb_share_count_inner {border:3px dotted Red; -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='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='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 style="clear: both;font-size: 10px;text-align:center;"><a href="
http://7e55.blogspot.com/2012/10/cara-membuat-tombol-share-melayang.html" target="blank"><font color="Black">[widget]<font></font></font></a></div></div>

6. Klik "Simpan", geser elemen ke bagian paling bawah! dan lihat hasilnya.
Cukup mudah bukan?. Cukup dulu postingan kali ini, semoga artikel ini bermanfaat. Terima kasih.

Anda sedang membaca Artikel Cara Membuat Tombol Share Melayang Anda juga bisa menemukan Artikel Ini melaui URL berikut http://7e55.blogspot.com/2012/10/cara-membuat-tombol-share-melayang.html, Silahkan Copy Paste Artikel tersebut, namun jangan lupa untuk mencantumkan Cara Membuat Tombol Share Melayang sumbernya

Artikel Terkait: