Info Mayata

Menyajikan segala informasi yang dijumpainya di dunia maya dengan ringkas

Membuat Tombol Facebook, Twitter, Google Plus Melayang di Samping Kiri Blog

Membuat Tombol Facebook, Twitter, Google Plus Melayang di Samping-Mungkin agak lama saya membaut postingan baru. Ini tidak lepas karena banyaknya juga rutinitas di dunia nyata. Hehehe. Tidak selamanya hidup berada di dunia maya, dunia nyata juga butuh perhatian.

Membuat Tombol Facebook, Twitter, Google Plus Melayang di Samping, adalah judul dari postingan saya yang ingin saya share kepada Anda. Ya, walaupun saya tahu ini postingan atau tutorial yang sudah umum Anda dapatkan di blog-blog yang sejenis dengan blog saya, tetapi bagi yang belum tahu caranya buat hal demikian dapat membantu Anda, minimal Anda tahu dan juga mau share kepada yang lain. Hehehe.

Menurut saya, tombol share atau like facebook di blog itu penting, juga tidak kalah penting dengan tombol share ke twitter, tombol follow atau mengikuti di Account Google Plus tambahan lain seperti di StumbelUpon dan Digg, ini penting agar menambah pengunjung bagi blog Anda. Anda dapat membayangkan sendiri, jika postingan Anda banyak yang like dan share di berbagai macam social media, berapa kira-kira pengunjung baru terhadap postingan blog Anda.

Berkut saya sajikan buat Anda tutorial blog bagaimana cara membuat tombol facebook, twitter, Google plus, StumbleUpon dan Digg melayang di samping blog Anda. Mirip dengan punya saya di bloggermahir.

1. Seperti biasa, Anda log in dulu lah ke blog Anda.
2. Setelah masuk, langsung tuju saja bagian Tata Letak
3. Tambahkan Gadget (di bagian apa saja), kemudian tambah HTML/Javascript
4. Copy kode HTML berikut :


<!--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://goo.gl/ZCSbNz">Get This</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
</div></div>


5. Jika sudah, klik Save, kmudian lihat dulu di pratinjau untuk melihat, apakah tutorial ini berhasil Anda lakukan.

Simpel dan mudahkan, semoga bermanfaat dan berhasil.

Sumber: http://bloggermahir.blogspot.com/2013/01/membuat-tombol-like-facebook-twitter-google-plus-melayang-disamping-blog.html




4 comments:

  1. Wow, ini bisa aku pasang di blog aku, tapi aku maunya di buat sliding, tak cobanya dulu ya kak ?

    oh iya sekalian kumbal ni kak dari www.sagitasoft.com

    ReplyDelete
    Replies
    1. oh ya silahkan.. kok manggil kak sih.. :p jadi malu sendiri kalaiu gini.. :)
      responnya cepat sekali... sip (h) (o)

      Delete
  2. thanks kak keren udah aku pasang di blog aku loh

    ReplyDelete

1. Berkomentarlah menggunakan kalimat yang baik dan sopan, serta sesuai topik Artikel di atas. Komentar yang tidak sesuai topik akan dihapus.

2. Tidak diperbolehkan menggunakan link hidup atau live link, link akan otomatis terhapus guna mencegah spam.

3. Sebelum bertanya, pastikan sobat sudah membaca seluruh isi Artikel.

4. Jika bertanya sesuatu, jangan lupa untuk memberi tanda centang pada Beri tahu saya atau Notify me agar sobat menerima pemberitahuan balasan melalui email.

5. Follow blog M-TAJUDDIN-NS untuk mendapatkan update Artikel terbaru dan jangan lupa tekan tombol share jika sobat merasa Artikel di atas bermanfaat.

Membuat Tombol Facebook, Twitter, Google Plus Melayang di Samping Kiri Blog