1Malaysia

  • Subscribe to our RSS feed.
  • Twitter
  • StumbleUpon
  • Reddit
  • Facebook
  • Digg

Saturday, November 26, 2011

Cara pasang Floating Share Button di Blogspot

Posted on 1:00 AM by Unknown


Untuk memasang Floating Share Button pada sebelah kiri blog seperti yang boleh anda lihat pada blog ini (klik untuk demo), hanya ikut beberapa langkah yang mudah di bawah. 

Langkah 1

Login Blogger Dashboard --> Layout --> Add A Gadget --> HTML/Javascript.

langkah 2

Copy dan paste kod di bawah pada content HTML/Javascript.





<!-- floating page sharers Start -->
<style>
#pageshare {position:fixed; bottom:17%; margin-left:-705px; float:left;
-moz-border-radius:5px 0px 5px 0px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:0px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:0px;
background-color:#ffffff;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;/*bs-fsmsb*/-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">
<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>
<div class='sbutton' id='rt'>
<script src="http://tweetmeme.com/i/scripts/button.js" type='text/javascript'></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='gplusone'>
<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>
<g:plusone size="tall"></g:plusone>
</div></div>


p/s:

1.Untuk mengubah warna background, sila edit kod background-color:#ffffff;

2. Untuk mengubah kedudukan Floating Share Button tersebut, sila edit angka margin-left:-705px; 

Email ThisBlogThis!Share to XShare to Facebook
Posted in Kod warna HTML, Tutorial, widget | No comments
Newer Post Older Post Home

0 comments:

Post a Comment

Subscribe to: Post Comments (Atom)

Popular Posts

  • Kedai Kain Rakyat 1 Malaysia
    Kedai Kain Rakyat 1 Malaysia ditubuhkan untuk mengekalkan dan meningkatkan perpaduan masyarakat yang menjadi kekuatan untuk kita pada masa ...
  • Harga Terkini Perodua Viva 2013
    Harga / Price  Perodua Viva 660  Harga / Price Perodua Viva 850 Notes :  1. Prices are with accessories. 2. Optional insurance coverage a) W...
  • Kad diskaun pesara kerajaan
    Kad diskaun untuk warga Angkatan Tentera Malaysia (ATM) dan Polis Diraja Malaysia (PDRM) yang dilancarkan pada Ogos tahun lalu akan diperlua...
  • Honda EX5 Dream 110
    Bagi meneruskan dominasi segmen underbone, Boon Siew Honda memperkenalkan generasi ketiga EX5 di Genting Highlands, Pahang baru-baru ini. D...
  • Subsidi Yuran Pengasuhan Kanak-kanak TASKA
    PENGENALAN Pemberian Subsidi Yuran Pengasuhan Kanak-kanak TASKA merupakan inisiatif Kerajaan di bawah Bidang Keberhasilan Utama Negara (NKRA...
  • Ansuran bulanan Proton Saga SV RM250
    Kereta baharu keluaran Proton Holdings Bhd., Proton Saga SV 1.3L yang dilancarkan kelmarin pada harga rendah, mendapat sambutan baik daripad...
  • Bagaimana hendak membuat blog di Blogger | How to Create a Blog on Blogger
    Bagaimana hendak membuat akaun Blogger? Pada halaman utama Blogger , klik "Buat Blog Anda Sekarang", dan buat Akaun Google. Anda d...
  • Memasang Iklan Nuffnang pada setiap post
    Untuk memasang Iklan Nuffnang yang bersaiz 336px x 280px (Large Rectangle) pada setiap posting seperti yang boleh anda lihat pada entri ini,...
  • 500 duri landak melekat pada muka anjing Bulldog
    Bella Mae, anjing bulldog berusia tiga tahun dari Oklahoma, mempelajari sesuatu yang mungkin tidak akan dilupakannya selepas diserang seekor...
  • Pekerja ladang mati disembelih sepupu
    MIRI: “Apa yang saya bimbang akhirnya berlaku,” kata Senab Saing, 26, isteri pekerja ladang kelapa sawit warga Indonesia yang mati akibat di...

Categories

  • (AS 1MALAYSIA)
  • (KADS1M)
  • (MPEB)
  • (SPP1M)
  • 000 telefon percuma
  • 1 Malaysia
  • 1M4U
  • 1Malaysia For Youth
  • 2013
  • 660
  • 850
  • Agenda Majlis Pemerkasaan Ekonomi Bumiputera
  • akibat
  • AMANAH SAHAM 1MALAYSIA
  • Amanah Saham Nasional Berhad
  • Android
  • anonymous
  • ansuran bulanan
  • artis
  • asap
  • Astro Warna
  • Bantuan Lesen 1 Malaysia
  • Bantuan persekolahan
  • Bantuan Rakyat 1Malaysia
  • Barisan Nasional
  • Bayaran
  • Bayaran Saman
  • berita
  • berita terkini
  • BL1M
  • Blogger templates
  • Blogspot templates
  • Bola Sepak
  • Bonus kakitangan awam
  • Bonus Raya RM500 Kepada Kakitangan Awam 2013
  • Borang Pendaftaran
  • Borang Permohonan Subsidi Yuran Pengasuhan Kanak-Kanak Taska
  • BR1M 2.0
  • CLIXSTER Mobile Sdn Bhd
  • Daftar
  • Daftar Online Get Malaysian Business Online
  • Daftar Semak
  • download
  • Download myKPDNKK
  • E200
  • E250 BlueEFFICIENCY
  • ekonomi
  • facebook
  • Filem Paling Seram
  • Flip your text here
  • Free blogger templates
  • Free flash widget
  • Free software
  • Full Movie
  • gaji
  • Garis Panduan Subsidi Yuran Pengasuhan Kanak-Kanak Taska
  • GMBO
  • Guess writer
  • Guru Ibu bapa
  • Harga
  • Harga Honda EX5 Dream 110
  • harga kereta
  • Harga Sony Xperia Z
  • hiburan
  • honda jazz ckd
  • HTML Escaper
  • Indeks Pencemaran Udara
  • info
  • internet
  • Jabatan Pengankutan Jalan
  • Jambatan Ke-2 Pulau Pinang
  • jawatan kosong
  • jenayah
  • jerebu
  • Jerebu di Muar
  • Johor
  • Johor Darul Takzim
  • Johor Fan Club
  • JPJ
  • jquery
  • Jumlah BR1M Naik Tahun 2014
  • Kad diskaun pesara kerajaan
  • Kad Diskaun Siswa 1Malaysia
  • Kadar Zakat Fitrah 2013
  • KADS1M
  • kakitangan awam
  • kecantikan
  • Kedai Kain 1 Malaysia
  • kelajuan Internet Malaysia
  • keluagra
  • keluarga
  • kemalangan
  • Kementerian Pendidikan Malaysia
  • Keputusan Anugerah Lawak Warna 2013
  • kereta
  • kesihatan
  • KL Gangster 2 Official Trailer 2013
  • Kod warna HTML
  • komputer
  • langkah
  • Legoland
  • LYNAS
  • mahkamah
  • marketing
  • masakan
  • masterchef
  • mencegah
  • Mercedes-Benz E-Class
  • motivasi
  • MyEG
  • myvi
  • Nasi Beriani
  • Nasi Dagang
  • Nasi Goreng Special
  • Nasi Kerabu
  • Online
  • Online games
  • Online Skim Amanah Rakyat 1Malaysia
  • pemasaran
  • pembayaran
  • Pendidikan
  • Penyebab Punca Rambut Gugur
  • Perkhidmatan awam
  • Permohonan
  • perniagaan perusahaan kecil dan sederhana (PKS)
  • Perodua
  • Perumahan Rakyat !Malaysia
  • Perumahan Rakyat 1Malaysia
  • Photoshop
  • Photoshop tutorial
  • Polis Diraja Malaysia PDRM
  • politik
  • PR1MA
  • Proton Saga SV
  • Proton Suprima 1.6 Liter Turbo
  • PRU 13
  • Rebat
  • Rebate Smartphone RM 200
  • resepi
  • resepi rendang ayam
  • SAPS
  • SARA 1Malaysia
  • security
  • Semak Saman Online
  • Semakan kemasukan ke IPTA
  • Semakan Keputusan SPM Ulangan 2013
  • Semakan Online PLKN
  • Semakan Online Tawaran IPTA Sesi 2013/ 2014
  • Semakan Online Tawaran IPTA Sesi 2013/ 2014
  • Semakan penempatan PLKN
  • semakan saman online
  • Semakan Tawaran Program Kolej Vokasional KPM
  • senarai nama
  • SEO
  • Sistem Analisis Peperiksaan Sekolah
  • Sistem Semakan Online Jabatan Latihan Khidmat Negara
  • Site Map
  • Skim Prihatin Pendidikan 1Malaysia
  • Skim Rumah Pertamaku
  • SKMM
  • SRP
  • sukan
  • Syarat
  • Tablet paling nipis
  • Taman tema air
  • Tarikh
  • Tawaran 100
  • Telefon bimbit
  • Telefon Pintar
  • terbaru
  • terkini
  • Teruskan Rebat Telefon Pintar Dalam Bajet 2014 - Celcom Axiata
  • Timbang berat blog
  • Tips
  • toyota
  • Tutorial
  • UPU
  • Video and Lyric
  • Video Lelaki Serang Bekas Teman Wanita Tersebar
  • Video tutorial
  • vios
  • Viva
  • water park
  • widget
  • windows 8
  • www.khidmatnegara.gov.my

Blog Archive

  • ►  2013 (86)
    • ►  October (1)
    • ►  September (6)
    • ►  August (17)
    • ►  July (18)
    • ►  June (17)
    • ►  May (2)
    • ►  April (4)
    • ►  March (5)
    • ►  February (8)
    • ►  January (8)
  • ►  2012 (68)
    • ►  December (15)
    • ►  November (2)
    • ►  October (4)
    • ►  September (1)
    • ►  August (34)
    • ►  July (2)
    • ►  June (3)
    • ►  March (3)
    • ►  January (4)
  • ▼  2011 (46)
    • ►  December (11)
    • ▼  November (16)
      • Cara buat efek Zoom in pada image di bahagian blog...
      • Facebook page: Tanya MariBinaBlog
      • Tutorial membina image,banner dan header beranimas...
      • 100 Senarai ping aggergator untuk website dan blog
      • Cara pasang Floating Share Button di Blogspot
      • Tingkatkan SEO Blog: SEO Doctor Add-Ons Firefox Te...
      • Jom sertai forum SyoknyerBlogging khas untuk Blogger
      • Sekiranya komputer saya telah diserang oleh Malwar...
      • 23 sites terbaik untuk download template Blogspot
      • How to Design Blogspot Templates with Artisteer 3
      • Cara buat efek shadow pada image dibahagian post blog
      • Jquery Sliding Login Panel di atas header blog
      • 10 Langkah Mengatasi Jenayah Siber
      • Jom tukar link blog
      • Free Download Adobe Photoshop CS3 Portable
      • Cara pasang fungsi Threaded Comment di Blogspot
    • ►  October (10)
    • ►  April (1)
    • ►  February (3)
    • ►  January (5)
  • ►  2010 (72)
    • ►  December (7)
    • ►  November (5)
    • ►  October (3)
    • ►  September (2)
    • ►  August (6)
    • ►  July (5)
    • ►  June (9)
    • ►  May (2)
    • ►  April (2)
    • ►  March (10)
    • ►  February (10)
    • ►  January (11)
  • ►  2009 (98)
    • ►  December (24)
    • ►  November (14)
    • ►  October (20)
    • ►  September (6)
    • ►  August (6)
    • ►  July (5)
    • ►  June (23)
Powered by Blogger.

About Me

Unknown
View my complete profile