Cara Membuat Widget Like Facebook, Twitter, Google+ di Samping Halaman Blog

by - 1:56 PM


Tombol like adalah salah satu plugin atau aplikasi tambahan yang sangat penting juga untuk sebuah blog/website, sehingga akan sangat mudah blog kita menjadi ramai pengunjung yang tertaut dari situs dimana sahabat menambahkan tombol like. misalnya saja tombol like facebook yang sahabat terapkan, maka para pengunjung yang mengelik tombol tersebut dari isi halaman/Posting akan muncul ke beranda/profile facebook mereka sehingga teman yang lainnya akan mudah menemukan Blog kita.

Ok sudah mengerti kan? kalau sudah, saya akan berbagi tips cara memasangnya aplikasi tombol like yang tepatnya berada di samping halam blog sahabat. seperti yang saya pasang sekarang!




Silahkan Copy dan Paste Kode dibawah ini kedalam blog sahabat.



<!--SideBar Floating Share Buttons Code Start-->
<style>
#pageshare {position:fixed; bottom:30%; 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='rt'><a href="https://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="gaung_A7X48" data-related="gaung_A7X48">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script></div>
<div class="fb-share-button" data-href="#" data-layout="box_count"></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='fb'><a name="fb_share" type="box_count" href="http://gaungadzaningjagat.blogspot.com/2013/06/cara-membuat-widget-like-facebook.html">Get This</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
</div></div>

Caranya masuk ke Dasbor blog sahabat, kemudian Pilih Tata Letak yang ada di sisi layar monitor (sisi halaman dasbor bawah).
Kemudian Pilih Tambahkan Gadget yang ada di kolom Template, bisa disimpan dimana saja "kalau saya mengunakan tambahkan gadgetnya yang paling bawah".

Setelah Popup Window muncul sahabat Pilih HTML/JavaScript lihat gambar di bawah
Yang terakhir silahkan masukkan Kode Html tombol like tadi tepatnya dalam kotak seperti berikut.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEie9_6yQaX5q3DCVfriMn1NWMJ2m8rF50nNDeuKpVw5pkrG06iQcnxy1Kn5qCcZFLUgPG-Sfw9zK3aLnYCWurMj7Rtt5K_uo5oZ-YzpwHmMOLcs2TMUUyhiIao50Jt0ge_He_3UZyV-lFM/s1600/add+gadget+2.png

Untuk Judul dikosongkan saja.

Kemudian Klik simpan. dan Lihat Hasilnya!

You May Also Like

8 Comment

  1. terima kasih banyak infonya..diantara sekian byk ini yg paling mudah diterapkan,maklum saya masih newby bgt,,kunjung balik ya..trims..

    ReplyDelete
  2. Replies
    1. udah dipasang gan? semoga bermanfaat yaa ^^

      Delete
  3. mantap bos website gw sekarang jadi lebih bagus. www.macrokom.meximas.com/home.html

    NB: Maaf widget burung twitternya kok macet ya ?

    ReplyDelete
    Replies
    1. ohhyaa.. sama sama , macet gimana nya gan? gif nya eror kali, ganti pake burung warna lain..

      Insyaallah ^_^

      Delete

Selamat datang gan/sis di Blog sederhana ane ..

Silahkan berkomentar jika ada yg ingin dikoreksi atau ada pendapat lainya, but gunakan bahasa yg baik ya ..

Semoga Bermanfaat ~