Cara Membuat Like Box Facebook di Blog
Wednesday, April 9, 2014
Add Comment
 |
| Facebook liker |
adalah dengan menggunakan Facebook Fan Page.
Facebook Like Box biasanya berfungsi untuk tempat berkumpulnya follower blog. Namun, tahukah kalian? kalau sebernarnya Facebook Like Box juga mempunyai fungsi sebagai alat pamer? Facebook Like Box yang mempunyai banyak like akan menarik banyak pemasang iklan di blog.
Memasang Facebook Like Box di Blog
- Masuk ke Blogger-> Tata letak.
- Pilih Tambah gadget (boleh mana saja)
- Pilih HTML/Java Script
- Masukkan kode 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: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;">Please Bantu Saya,<blink> Like This !!!</blink> </p>
<!-- Mulai --!>
<div class="fb-like-box" data-href="http://www.facebook.com/##############" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="false" data-show-border="true"></div>
Powered By <a href="http://cara-seoblogdownload.blogspot.com/" target="_blank">Facebook</a><span style="font-size: 0px;">Created By: <a href="http://cara-seoblogdownload.blogspot.com/" target="_blank">BLOG-ADS</a></span>
<!-- Selesai --!><a class='close' href='#'>×</a>
<p style=" float:right; margin-right:35px; font-size:10px;" ></p></div>
- Kemudian ganti kode bewarna merah dengan ID Fan Page Facebook sobat, kalau belum tahu ID Fan Page bisa search di google
- Terakhir Klik Save
- Jika berhasil nanti tampilannya kurang lebih akan seperti ini.
Bagaimana, mudah bukan Cara Membuat Facebook Like Box di Blog, jika ada kesulitan saat pemasangan, jangan sungkan untuk bertanya, untung untung saya bisa membantu, hehehehehehehe.
Baca juga :
.jpg)
0 Response to "Cara Membuat Like Box Facebook di Blog"
Post a Comment