mas template

Membuat Tombol Share Post Melayang di Blog

Tahukah temen-temen apa itu tombol share post? Tombol share post atau yang lebih dikenal sebagai tombol-tombol social bookmark sedikit banyak memang membantu meningkatkan pengunjung dari social bookmark yang bersangkutan. Contoh saja twitter, dengan mengintegrasikan feedburner dan twitter ketika ada artikel baru dari sebuah blog, maka secara otomatis akan langsung terupdate di twitter. Dengan begitu para follower yang penasaran dengan artikel tersebut akan langsung melihat artikelnya. Nah, untuk kali ini saya akan memberikan tips untuk memasang tombol share post melayang, untuk anda yang penasaran bisa dilihat contohnya disini.  


Membuat tombol share post melayang ini sangat mudah karena kita tidak perlu pusing mengutak-atik HTML template kita. Kita tinggal memasukkan ke dalam widget sidebar. Untuk lebih jelasnya berikut ini adalah langkah-langkah pemasangannya :

1.  Login dengan akun blogger anda.
2.  Pilih Rancangan >> Elemen Halaman
3.  Klik tambah gadget
4.  Pilih HTML/Java Script
5.  Silahkan Copy kode berikut dan paste didalam konten HTML/Java script nya
<style  type="text/css">
*{margin:0;padding:0;}

* html #z33sHare{ 
position:  absolute;
} 

#z33sHare{
right:1%;width:  70px;background:transparant;border:0px solid  #E7E7E7;-moz-border-radius:3px;-webkit-border-radius:3px;
position:fixed;
top:  20%; 
}

#z33sHare div{
padding:6px 6px 6px 5px;
}

#stw{
margin-left:-2px;
}

#sfs{
margin-left:-5px;
}

</style>
<div  id="z33sHare">
<div id="ssl-box">
<div id="stw">
<a  href="http://twitter.com/share" class="twitter-share-button"  data-count="vertical">Tweet</a><script  type="text/javascript"  src="http://platform.twitter.com/widgets.js"></script>
</div>
<div><a  title="Post to Google Buzz" class="google-buzz-button"  href="http://www.google.com/buzz/post"  data-button-style="normal-count"></a><script  type="text/javascript"  src="http://www.google.com/buzz/api/button.js"></script>
</div>
<div>
<script  type="text/javascript">
(function() {
var s =  document.createElement('SCRIPT'), s1 =  document.getElementsByTagName('SCRIPT')[0];
s.type =  'text/javascript';
s.async = true;
s.src =  'http://widgets.digg.com/buttons.js';
s1.parentNode.insertBefore(s,  s1);
})();
</script>
<a class="DiggThisButton  DiggMedium"></a>
</div>
</div>
<div><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  style="clear:both;"></div></div>
5.  Yang terakhir tentu saja anda harus simpan.

Jika sudah selesai anda dapat lihat di sebelah kiri blog anda sekarang ada tombol share post yang melayang. Gampang bukan? Demikian tadi sedikit tutorial dari saya, selamat mencoba dan semoga bermanfaat.
Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Creating Website

21 comments:

  1. kira-kira mana yang lebih bagus dan mempinyai daya dukung kebutuhan blog kita antara share button melayang atau permanen seperti share is sexy...bingung juga maslahnya dua-duanya bagus mas...salam persahabatan blogger dari ane...mahesa (makin hebat saja) buat blog ini...

    ReplyDelete
  2. @bloekoetoek: Jika saya ditanya lebih bagus mana, ya sama aja. Dari sisi loading blog float share button lebih ringan karena kita hanya menempatkan kode scriptnya di widget. tanpa edit HTML

    ReplyDelete
  3. teng kiu kiu agan
    langsung di tes ah

    ReplyDelete
  4. teng kiu kiu kiu agan
    langsung di pasang

    look at me yeah :D

    ReplyDelete
  5. mantap tutorialnya bro, harap kunjungi kami ya..

    ReplyDelete
  6. thanx tutorialnya..
    nice share..
    :)

    ReplyDelete
  7. Mas saya mau nanya nih.. Kalo mau bikinnya melayang di sisi kiri blog dan melayangnya itu halus seperti di kaskus itu loh mas.. Gmana ya? Mohon Pencerahannya...

    ReplyDelete
  8. makasih boz atas ilmunya........

    ReplyDelete
  9. Makasih bgt mas langsung saia praktekin dan langsung bisa

    ReplyDelete
  10. Mantap jaya Sob ,saya sudah Praktek ,mampir sob ke blog saya

    ReplyDelete
  11. Keren sob trus update ye ...

    Link back situs ane :D
    htttp://www.jsssuper.com
    Easy Way Earn Money
    Without Money

    ReplyDelete
  12. maap mas.. kok di blog saya munculnya disebelaj kanan mas ??, bukan dikiri..

    mohon koreksinya mas...

    ReplyDelete
  13. Wah bagus artikel nya nih Mas Kolis
    kebetulan saya lagi nyari2 idzin ambil Mas..?
    Terima kasih atas artikel nya...salam sukses

    Maaf idzin nyimpen Link
    http://karristaent.blogspot.com/

    ReplyDelete
  14. mas,kalau punya saya tiap kita tekan tombol share fb nya malah masuk ke alamat http://facebook.com/sharer/sharer.php?mohon solusinya
    terimakasih

    ReplyDelete
  15. Sip! langsung bisa makasih gan
    Mampir juga ye
    nabilayasminpoha.blogspot.com

    ReplyDelete
  16. tq gan atas infonya & sukses selalu gan :)


    PROMOSI

    hello semua para coment gan gan :)
    ayo bergabung bersama kami di website www.senang77.com
    cara mendapatkan uang dengan mudah gabunglah bersama kami..
    kami juga menyediakan bonus turn over 0.3% dan akan di bagikan dalam

    1 minggu dan balance akan masuk kedalam secara otomatisnya


    WWW.senang77.COM
    PENDAFTARAN
    http://senang77.com/Register000.aspx

    Kami juga menyediakan kode referral :)

    http://www.senangpoker.com/?ref=859522

    kami bisa dihunbungi melalui :

    YM : cs.senangpoker@yahoo.com
    FACEBOOK : cs.senangpoker@yahoo.com
    BBM : 764a99d1
    Twitter : senangpoker
    SKYPE : senang.poker


    Untuk anda kami suport dengan 5 bank Lokal : BANK BCA, BANK BNI, BANK

    BRI, BANK MANDIRI, DAN BANK DANAMON.


    TERIMA KASIH
    salam manis :) senang77.com / senang77.net / senang77.info :)

    ReplyDelete
  17. makasih gan atas infonya yang sudah doa berikan pada para comentar nya :)

    Bergabunglah dengan kami di www.senang77.net
    Tempat bermain POKER paling FAIR, AMAN DAN TERPERCAYA!!
    Nikmati bonus turn over 0.3% setiap Minggunya
    Hanya di www.senang77.net anda dapat merasakan KENYAMANAN bermain POKER
    BUKTIKAN!!

    ReplyDelete
  18. Sehat itu murah, sehat itu milik kita semua. Bagi sebagian orang sehat itu mahal, memerlukan banyak biaya dan perawatan, tetapi bila anda rajin dan sering menggunakan alat Terapi Ion elektrik rendam kaki, sehat itu murah dan mudah. Oleh karena itu penting bagi anda untuk menjaga kesehatan semenjak dini dengan secara rutin membuang racun dan toksin dari tubuh anda dengan menggunakan alat terapi ion elektrik rendam kaki.
    Terapi Ion
    Terapi Ion Rendam Kaki Air Garam
    Peluang Usaha Rumahan
    Terapi Ion Elektrik Rendam Kaki Detox
    Manfaat Terapi Ion Elektrik
    Terapi Ion Elektrik
    Terapi Kesehatan Murah
    Peluang Usaha Modal Kecil
    Harga Paket Alat Terapi Ion Elektrik
    Pengedar Alat Terapi Ion Di Malaysia

    ReplyDelete

No comment moderation in this page
Do not put the link in this comment, I'll make it disappear forever
I hate when people play cheat to increase their blog, meanwhile everyone else do it politely and honestly

 
CREATING WEBSITE © 2012 the other blog Mas Template | Look at this Johny Template | Powered by Blogger