2/16/2013

Cara Membuat Tombol Share Melayang SEO Friendly

Hello sobat Gobel's Blog, sekarang saya mau share tentang Cara Membuat Tombol Share Melayang SEO Friendly. Cara ini sudah banyak digunakan oleh Blogger sekarang. Soalnya tombol share ini sangat simpel, SEO friendly, user friendly dan tombol ini bisa melayang untuk memudahkan pengunjung untuk menyebar luaskan artikel kita ke berbagai sosial media seperti Facebook, Twitter, Google Plus, Digg.com, juga ada like facebook, Jadi tombol share ini sangat memudahkan pengunjung dan tentu saja kita sebagai blogger g perlu repot-repot untuk menyebarluaskan artikel kita. Untuk Cara nya mending langsung saja ke TKP -->
Cara Membuat Tombol Share Melayang SEO Friendly


  • Pertama, Masuk ke Dahsbor
  • Kedua, klik Rancangan -> Tata Letak.
  • Klik Tambah Gadget, dan pilih HTML/Javascript.
  • Lalu masukan Judul dan script dibawah ini.


    <!--Widget Share like FB tweet google plus digg Button Melayang Start-->

    <style>
    #pageshare {position:fixed; bottom:15%; right: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="bagikan ke teman anda">
    <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: 8px;text-align:center;"><a href="http://tips-gobel.blogspot.com/2012/12/blog-gratis-mudah-cepat.html" target="blank"><font color="blue">Cara Membuat<font></font></font></a></div></div>

    <!--Widget Share like FB tweet google plus digg  Button Melayang End-->

    • Lalu Simpan.
    Mudah bukan? silahkan share artikel ini ya sobat.
    Demikian tutor Cara Membuat Tombol Share Melayang SEO Friendly.
    Untuk sobat yang mau mendengarkan radio lewat winamp pemutar musik, bisa masuk kesini
    Cara Mendengarkan Radio Online Lewat Winamp.
    Terima kasih
    Semoga bermanfaat
    See You Next Post


    19 comments:

    1. makyus bro artikelnya, sehingga dengan adanya totor seperti ini. Jadi tidak susah lagi cari di google. Dan ditunggu Follow baliknya..

      ReplyDelete
    2. iya memang ringan banget sob!

      Ziarah balik ya!
      http://lutfiezard.blogspot.com/

      ReplyDelete
      Replies
      1. Anonymous3/06/2013

        Share ke teman-teman ya

        Delete
    3. akan dicoba sobb :)
      thanks ...

      Mampir :D

      ReplyDelete
      Replies
      1. Anonymous3/06/2013

        Iya sobat, sama-sama

        Delete
    4. kunjungan malam sob :)

      ReplyDelete
      Replies
      1. Anonymous3/16/2013

        OK thanks udah mau berkunjung kesini sobat.

        Delete
    5. Anonymous3/06/2013

      Thanks

      ReplyDelete
    6. Anonymous4/23/2013

      I almost never leave responses, however i did
      a few searching and wound up here "Cara Membuat Tombol Share Melayang SEO Friendly".
      And I do have some questions for you if it's allright. Could it be simply me or does it look like a few of the comments appear as if they are coming from brain dead individuals? :-P And, if you are writing on other sites, I would like to follow everything fresh you have to post. Would you make a list of the complete urls of your communal pages like your twitter feed, Facebook page or linkedin profile? free car insurance quote calculator - best car insurance for teenagers yahoo answers - cheap auto insurance

      My web blog Cheap Auto Insurance Quote

      ReplyDelete
    7. bro, pake widget kaya gini bikin berat load ga?

      ReplyDelete
    8. Anonymous6/16/2013

      Hey! ӏ reаlіze this іs sort of off-topіc however I needeԁ to ask.
      Does оperatіng a well-establіѕhed blοg such aѕ yours require a lot of work?

      I'm brand new to operating a blog but I do write in my journal on a daily basis. I'd like
      to start a blog so Ӏ will be аble to share mу experience
      and thoughts online. Please let me know if you hаve any suggeѕtions or tipѕ for neω аsρiгing blog οwners.
      Аpprecіatе it!

      Mу weblog - sports bed in a bag twin

      ReplyDelete
    9. Anonymous6/18/2013

      Attгaсtive ѕection οf cοntent.
      I јust stumblеd upon yоuг weblоg and іn aсcessіon capіtal to asseгt
      that I aсquiгe in fact enjoуed aсcοunt уоur blog postѕ.
      Αnyway I wіll be subscгіbing to youг feeds аnԁ even I achіevement уou accеѕѕ consіѕtеntlу quickly.


      My weblοg; raspberry ketone side effects 2013

      ReplyDelete
    10. gan kalau membuat tombol like linkedin gimana ya caranya?

      ReplyDelete
    11. gan kalo mau buat posisinya sebelah kiri halaman blog kita gimana caranya ya??

      ReplyDelete
    12. terima kasih banyak sob ilmunya. mau dicoba praktekin nih..

      ReplyDelete
    13. sob kalau cara membuat tombol like facebook gimana ya..?

      ReplyDelete
    14. terima kasih banyak gan tutorialnya sangat jelas..jadi mudah dipahami

      ReplyDelete
    15. Thanks for the article really help me a lot really apreciate it please visit our website : Kampus terkemuka

      ReplyDelete

    Tinggalkan jejak Anda dikomentar ini.
    Kami membutuhkan kritik dan saran Anda untuk kemajuan Blog ini.
    Terima kasih sudah berminat untuk meluangkan waktu berkomentar disini, semua kritik dan saran Anda akan saya dengarkan untuk memajukan Blog ini.
    Gunakan name/url untuk berkomentar.
    Anonymous = Spam