Cara Memasang Widget Facebook (FB) Like Tersembunyi

Bagi sahabat yang memiliki halaman facebook untuk blog atau bisnis tentu tahu dong bahwa pihak facebook telah menyediakan sebuah widget yang mampu kita pasang di blog maupun website.

Dengan memasang widget halaman tersebut pengunjung dapat dengan mudah memperlihatkan like untuk halaman kita.

Biasanya tampilan widget tersebut menyerupai ini

Untuk menerima widget halaman fb yang memiliki tombol like / suka kita mampu membuka halaman ini https://developers.facebook.com/docs/plugins/page-plugin, kemudian mengatur tampilan widget tersebut.

Setelah jawaban mengatur widget tersebut, maka kita cukup mengklik tombol Dapatkan  Kode kemudian memasang isyarat di blog.

Kita mampu memasangnya eksklusif di sidebar blog atau membuatnya tersembunyi, dan dikala pengunjung mengarahkan kursor ke widget FB like tersembunyi yang dipasang, maka gres widget tersebut terlihat.

Lalu bagaimana cara memasang widget facebook / fb like tersembunyi ?

Nah, bagi sahabat yang ingin memasang widget fb like tersembunyi di blog, silakan ikuti langkah - langkah berikut :

1. Masuk ke dasbor blogger
2. Buka halaman Tata Letak
3. Klik tambahkan widget (posisi terserah, tapi sebaiknya pilih widget bab bawah saja)
4. Pilih widget HTML/JavaScript
5. Masukkan isyarat yang aku sertakan di bawah nanti pada bab Konten
6. Klik Simpan
7. Selesai

Berikut isyarat yang harus dipasang

 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script> <script type="text/javascript"> /*<![CDATA[*/ jQuery(document).ready(function() {jQuery(".fblikebox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);}); /*]]>*/ </script> <style type="text/css"> .fblikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivinD7okBqv1ZYStfB2PGudwJ65envPZTW_mUM9Id4CfCBoOZkybpIrvNjzb_CsLYwsgJJ-NsxQz_LZtJzAEcw0CJy2im7IOw5P5iL5p7Hjv2iqwm6vrLkAoUZc1Tm7mwXI99hKRUld2cc/s1600/fblikewidget.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;} .fblikebox div{background:#ffffff;border:none;position:relative;display:block;} </style> <div class="fblikebox"> <div> PASANG KODE WIDGET HALAMAN FACEBOOK SOBAT DI SINI </div> </div> 

Keterangan :

• Kode <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script> ialah script jQuery Library, dan bila template blog sahabat sudah menggunakan script jQuery Library, maka silakan hapus isyarat ini.
• Pada isyarat di atas juga terdapat goresan pena PASANG KODE WIDGET HALAMAN FACEBOOK SOBAT DI SINI, silakan ganti goresan pena tersebut dengan widget halaman fb sobat

Untuk menerima widget halaman fb silakan klik link yang sudah aku sertakan di atas tadi.

Jika sahabat ingin melihat demo nya, silakan lihat di samping kanan blog ini, kemudian arahkan kursor ke gambar yang bertulis Facebook tersebut.

Semoga bermanfaat.

INI CUMA DEMO SAJA