Cara Membuat Tombol Share Melayang Terbaru

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://putupunyablog.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.

Baca Juga Artikel Dibawah Ini!



20 komentar:

  1. makasih sob jangan lupa singgah >>>> http://k-popers.org

    BalasHapus
  2. mari kita tukeran link..link aku ini gan
    Tambah Ilmu & Pengetahuan

    monggo si cek link anda di blog saya :)

    BalasHapus
  3. Mantap mas bro tutornya..., I Like this site...! Thanks ya..!

    BalasHapus
  4. maturnuhunkang tutorialnya, salam hangat farhanshare.blogspot.com

    BalasHapus
  5. artikel menarik kunjungan baliknya gan
    www.mbahgahol.blogspot.com
    follow aja nnti sya follow balik blog agan

    BalasHapus
  6. diatas tuh ada yang ngapain?? males liat mas

    BalasHapus
  7. mantap gan..visit may blog.. rusdigheanzblog.blogspot.com
    #persoanl blog..hehehhe :)

    BalasHapus
  8. kalau mau di pindah ke pojok kanan atas bgmn cara nya...?

    zulfikar.rapi@yahoo.com
    http://lintas-aceh.blogspot.com/

    BalasHapus

Silahkan Berkomentar. Dilarang Live Link. Tidak Memakai Verifikasi Kata. Berkomentarlah Dengan Sopan!.

Entri Populer

 
Copyright © 2012 - 2013 Putupunyablog | Powered by Blogger