• Facebook
  • Twitter
  • Google Plus
  • Contact

BoCah

  • Home
  • HOME
  • ABOUT
    • Facebook
    • Twitter
    • Google Plus
  • Artikel
    • Seo
    • Blogging Tutorial
    • Bisnis Online
  • Berita
    • News
    • Views
    • Feature
    • Tips
  • Lain-lain
    • Ebook
    • Pemograman
    • Tutorial Komputer
Home » Blogging Tutorial » Memasang Widget Share Media dengan Float

Memasang Widget Share Media dengan Float

Posted by BoCah
Add Comment
Blogging Tutorial
Wednesday, 12 June 2013

Tutorial cara memassang Widget Share Media dengan Float,tidak lah begitu sulit,disamping itu juga memiliki banyak keuntungan..
Untuk menghemat tenaga jari langsung saja kita praktekkan :


Beginilah Cara Memasang Widget Share Media Sosial di Blog dengan Float.
1. Buka Akun Blog Anda
2. Masuklah ke rancangan / template blog anda pada Tata Letak.
3. Pilih elemen Add Widget atau Tambah Gadget Baru, lalu pilih Add HTML/Javascript.
4. Copy / salinlah script di bawah 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://winuhatech.blogspot.com" target="blank"><font color="black">Get This<font></font></font></a></div></div>


5. Simpan Gadget . Lalu simpan Template blog anda.
6. Selesai dan lihat hasilnya.

Lihat contoh di sebelah kiri blog ini 

Comments
0 Comments

0 Response to "Memasang Widget Share Media dengan Float"

Post a Comment

← Newer Post Older Post → Home
Subscribe to: Post Comments (Atom)

Sponsor

Popular Posts

  • Cara Memberi Password Pada Folder
    Halo sahabat semua.. kali ini saya ingim memberikan tips yang sedikit sederhana bagi yang sudah tahu ,dan sedikit ribet bagi agan"s ...
  • Siapakah Penemu tanda @ pada email??
    Apakah kamu mempunyai email?Tentunya ketika kamu memberikan alamat email pada teman,kamu menuliskan tanda @bukan?Tapi,tahukah kam...
  • Menikah Karena Paksaan
    JANGANLAH MENIKAH KARENA PAKSAAN ( MEMAKNAI PERJODOHAN YANG DIPAKSAKAN DALAM SUDUT PANDANG HUKUM NEGARA DAN HUKUM AGAMA ISLAM ) JANGANLAH...
  • Disclaimer
    Seluruh informasi yang telah disajikan di situs winuhatech.blogspot.com berasal dari berbagai sumber yang ditulis kembali oleh admin den...
  • 10 Cara Mengatasi Kulit Kering
    Mempunyai kulit kering memanglah terkadang menyiksa, disaat seluruh orang yakin diri dengan kulitnya, pemilik kulit kering bingung untu...
  • Cara Mudah Kulit Tampak Cerah Alami
    Memutihkan kulit wajah secara alami sudah menjadi warisan leluhur orang indonesia. Cara memutihkan wajah dengan bahan-bahan tradisional y...
  • KeePass Password Safe 2.22
    KeePass adalah open source password manager yang membantu Anda untuk mengelola password dengan cara aman. Anda bisa menyimpan semua sand...
  • Cara Membuat Kartu Kredit Gratis Payoneer
    Agar bisa digunakan tentunya akun Paypal harus terverifikasi sebab jika belum akun tersebut hanya bisa digunakan untuk menerima pembayar...
  • Istilah-istilah dalam internet
    Beberapa istilah yang berhubungan dengan Internet dan penggunaanya,Berikut akan dijelaskan untuk membantu pengguna Internet dalam m...
  • Cara Copy-Paste Dari Cmd
    Beberapa waktu lalu saya sempat memikirkan bagaimana caranya melakukan copy-paste di command promp,t ketika itu saya banyak sekali me...

Followers

Back to top!
Copyright (c) 2014 BoCah. All Rights Reserved New Fastest Magz Template by CB Blogger. Powered by Blogger.