mungkin anda salah satu yang seperti saya, karena melihat like facebook tak ada yang like, sehingga like FP kita tidak bertambah tambah, mungkin salah satu penyebabnya adalah letak like facebook yang tersembunyi atau ukuran yang terlalu kecil sehingga orang tidak ada like facebook anda semua, nah kali ini salah satu solusinya dengan membuat like facebook kita melayang, sehingga dilihat oleh semua pengunjung blog kita, jadi kesempatan like fans page facebook kita semakin besar.
kali ini saya kan membagikan tips mudah cara membuat kotak like facebook melayang di blog, caranya sangat mudah, dan gampang, anda hanya mengcopy kode dibawah dan pastekan di blog anda.
Berikut Cara Memasang Widget Like Box Fans Page Facebook Melayang DI Blog.
1. pertama anda harus sudah memiliki Like Box Facebook atau FansPage Facebook di blog anda.
2. jika belum buat lah terlebih dahulu, anda bisa searching di google dengan keyword " cara membuat like box facebook di blog"
3. nah saya anggap anda sudah punya like box facebook semua.
4. oke jika sudah punya, silahkan copy semua kode dibawah ini dan pastekan di gadget blog anda.
5. caranya seperti biasa klik tata letak, pilih html java script, dan pastekan kode dibawah ini.
6. untuk posisi gadget terserah anda, yang pasti like facebook akam melayang di blog anda.
<!-- 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:310px;
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;">
Pengunjung yang terhormat,<blink>
Like FB kami disini!!!</blink> </p>
<!-- Mulai --!>
-----Letakan Script Widget Like Box Facebook anda disini-----<!-- Selesai --!><a class='close' href='#'>×</a>
<p style=" float:right; margin-right:35px; font-size:10px;" >Powered By <a style=" font-size:10px; color:#3B78CD; text-decoration:none;" href="http://regibrader-free.blogspot.com/search/label/Widget%20Blog">Blogger Widget</a> and <a style=" font-size:10px; color:#3B78CD; text-decoration:none;" href="http://cakrawalakuansing.blogspot.com/2013/05/cara-memasang-widget-like-box-facebook.html">Get This Widget</a></p>
</div>
catatan:1. sebelum mempastekan kode ini di blog anda, ganti terlebih dahulu tulisan yang berwarna pink dengan kode like facebook anda, dengan cara menghapus kode yang berwarna pink, kemudian ganti dengan kode like facebook anda.
3. untuk tulisan yang berwarna biru anda bisa mengubah kata katanya sesuai selera anda masing masing, semoga bermanfaat.Bagaimana mudah bukan, anda tak perlu mengedit html untuk membuat like box facebook melayang, cukup dengan tambah gadget saja, dan lihat hasilnya, sangat mudah bukan??
semoga saja artikel ini membantu para pembaca semua, jika ada yang kurang paham bisa komen di kolom komentar dibawah, terima kasih.happy blogging.
.jpg)
.jpg)