Panduan memasang tombol like facebook di blog

siapa yang gak kenal dengan fb alias facebook? rata-rata seluruh dunia bahkan pelosok sekali pun sudah mengetahuinya baik dari kalangan tua, muda maupun anak-anak. Dan tidak dapat di pungkiri bahwa facebook saat ini masih menjadi raja media sosial.

Kegunaan dengan memasang tombol like pada blog adalah tentunya adalah dapat meperbanyak like pada halaman yang kita kelola. Oh iya yang di maksud dengan tombol like facebook adalah tombol like pada halaman yang kita kelola bukan tombol like pada status, nah buat yang belum punya halaman (fansafage) silahkan klik pada link ini.

sebagaimana yang kita ketahui bahwa fansfage fb adalah halaman khusus yang memberikan berbagai informasi, mulai dari event, layanan publik, informasi, komunitas dan lainnya. dengan adanya tombol like facebook di blog anda maka para visitor dapat dengan mudah mendpatkan informasi yang terkait dengan blog anda di facebook.

source : image google

Dan berikut cara memasang widget like fb di blog :

  1. kunjungi halaman facebook developer
  2. isi mulai dari URL Halaman Facebook, Tab, Lebar dan tinggi
  3. Jika sudah klik dapatkan kode
  4. Pasang kode tersebut di blog anda. untuk Blogger :  tata letak – tambahkan gadget – html/javascript – paste kode tersebut – simpan

Akan tetapi jika anda kurang suka dengan penempatan tombol like di sebalah kanan, anda bisa menaruknya di tengah-tengah alias melayang dengan mengkonfigurasinya sebagai berikut :


<!– FB melayang tombol close –!>
<style type=’text/css’>
#kotak-facebook {
position:fixed !important;
position:absolute; /* IE6 */
bottom:-1000px;
right:40%;
margin:0px 0px 0px -182px;
width:330px;
height:auto;
padding:16px;
-webkit-box-shadow: 0px 0px 7px #222;
-moz-box-shadow: 0px 0px 7px #222;
box-shadow: 0px 0px 7px #222; background-color:#FFFFFF; font:normal 1em Cambria,Georgia,Serif;
color:#111;
-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomright: 20px;
border-top-left-radius: 20px;
border-bottom-right-radius: 20px;}
#kotak-facebook a.close {
position:absolute;
top:-10px;
right:-10px;
background:#333;
font:bold 16px Arial,Sans-Serif;
text-decoration:none;
line-height:22px;
width:22px;
text-align:center;
color:#fff;
border:2px solid #fff;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
cursor:pointer;
}
</style>
<script type=’text/javascript’>
$(window).bind(“load”, function() {
// animasikan nilai top saat halaman telah selesai dimuat
$(‘#kotak-facebook’).animate({bottom:”50px”}, 1000);
// hilangkan kotak pesan saat tombol (x) di klik
$(‘a.close’).click(function() {
$(this).parent().fadeOut();
return false;
});
});
</script>
<div id=’kotak-facebook’>
<p style=” margin-right:10px; font-size:15px; color:#000000;”>Please Bantu Saya,<blink> Like This !!!</blink> </p>
<!– Mulai –!>

<div class=”fb-page” data-href=”https://www.facebook.com/KampusSTAIMAARIFJAMBI/” data-tabs=”timeline” data-width=”300″ data-height=”100″ data-small-header=”false” data-adapt-container-width=”false” data-hide-cover=”false” data-show-facepile=”true”><blockquote cite=”https://www.facebook.com/KampusSTAIMAARIFJAMBI/” class=”fb-xfbml-parse-ignore”><a href=”https://www.facebook.com/KampusSTAIMAARIFJAMBI/”>STAI Maarif Jambi</a></blockquote></div>

<!– Selesai –!><a class=’close’ href=’#’>&times;</a>
<p style=” float:right; margin-right:35px; font-size:10px;” >Powered By <a style=” font-size:10px; color:#3B78CD; text-decoration:none;” href=”https://jambipunya.com/”>Blogger Widget</a> and <a style=” font-size:10px; color:#3B78CD; text-decoration:none;” href=”https://jambipunya.com/panduan-memasang-tombol-like-facebook-di-blog”>Get This Widget</a></p>
</div>


hapus yang warna merah di gantikan dengan kode fb anda yaitu lihat di langkah nomor 3 dan yang di copy hanya kode di langkah 3.

15 Comments

  1. Syaikhul Umam April 15, 2017
  2. Gilang Irhandie April 16, 2017
  3. KennSteels May 5, 2017
  4. gardnerst May 31, 2017
  5. jpegmini pro serial November 16, 2017
  6. 4 cats and dogs keygen} November 25, 2017
  7. ihaxgamez flappy golf 2 December 9, 2017
  8. 8ballpoolcheat December 16, 2017
  9. dayz 0.61 cracked servers December 18, 2017
  10. wipersoft register December 20, 2017
  11. Evejourgy February 23, 2018
  12. JosephNed March 9, 2018
  13. Bobbygyday April 16, 2018
  14. Bobbygyday April 16, 2018

Leave a Reply