• 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 Daftar PTC Lokal "KlikAjaDeh"
    Cari Rupiah di Internet melalui PTC lokal, Nah ini nih ptc lokal yang luar biasa dan udah sering bayar anggotanya!!! kamu akan dibaya...
  • 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 ...
  • Cara Daftar Akun Adsense 1000% Di Approve
    Cara Daftar Akun Adsense 1000% Di Approve Untuk para blogger sejati,siapa yang tidak kenal dengan Google Adsense? Tentunya semua pasti...
  • Menikah Karena Paksaan
    JANGANLAH MENIKAH KARENA PAKSAAN ( MEMAKNAI PERJODOHAN YANG DIPAKSAKAN DALAM SUDUT PANDANG HUKUM NEGARA DAN HUKUM AGAMA ISLAM ) JANGANLAH...
  • RAHASIA KETANGGUHAN GAZA
    RAHASIA KETANGGUHAN GAZA "Mereka menjadi kuat dan mulia karena menjalani hidup sepenuhnya diatas agama NYA" ....Saya lalu te...
  • Cara Agar Postingan Cepat Terindex Google
    Cara Agar Postingan Cepat Terindex Google  - Saya yakin, sebagian dari sobat sudah banyak yang mengetahui cara agar postingan cepat terindex...
  • Kumpulan Kode Warna HTML | HTML Color Code
      Kumpulan Kode Warna HTML | HTML Color Code Kumpulan Kode Warna HTML | HTML Color Code - Merupakan salah satu unsur atau ...
  • Apa itu Winrar?
    Secara ringkas, pengertian atau definisi WinRAR adalah aplikasi untuk mengkompres dan mengekstrak data (file/folder). WinRAR adalah a...
  • Menggunakan Gadget Android Pada Komputer dengan Genymotion
    Saat ini adalah zamanya gadget Android. Bagi yang tidak punya android, beberapa waktu lalu saya telah memberikan solusi un...
  • Fakta Menarik di Dunia
            1. Sebelum Masehi bahasa inggrisnya adalah B.C (Before Christ). Setelah Masehi adalah A.D (Anno Domini) 2. Ikan hiu kehi...

Followers

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