Headlines News :

Untuk mengetahui update terbaru "BLOGGER SUBANG" di Facebook: Silahkan Vote "LIKE" !!!

×

Powered By Blogger Widget and Get This Widget


Home » , , , , , » Membuat Like "Fans Page ( Halaman) Facebook" Melayang - Di Blogger

Membuat Like "Fans Page ( Halaman) Facebook" Melayang - Di Blogger

Written By ilyas Andika on Thursday 16 January 2014 | Thursday, January 16, 2014

Membuat Like halaman facebook di blogger melayang pada tengah Home Page atau Isi Posting.
============
Selamat sore sobat blogger subang,
buat kalian yang baru mengenal BLOG di Blogger, tentu ingin tau bagai mana cara memasang halaman facebook milik sendiri di blog dengan bertujuan agar bertambah banyak like nya.





Cara menambahkan Like Fans Page Facebook melayan di blogger.
1. Catat URL Halaman Facebook sobat.
Misal: https://www.facebook.com/ilyasAndika0304
2. Coppy dan gunakan Script 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;">Untuk mengetahui update terbaru "BLOG SAYA" di Facebook:<blink> Silahkan Vote "LIKE" !!!</blink> </p>
<!-- Mulai --!>
<div class="fb-like-box" data-href="https://www.facebook.com/ilyasAndika0304" data-width="292" data-show-faces="true" data-stream="false" data-show-border="true" data-header="true"></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="http://ilyas-andika.blogspot.com/">Blogger Widget</a> and <a style=" font-size:10px; color:#3B78CD; text-decoration:none;" href="http://ilyas-andika.blogspot.com/2014/01/membuat-like-fans-page-halaman-facebook.html">Get This Widget</a></p>
</div>


3. Ganti yang berwarna hijau dengan URL Halaman Facebook kalian
4. Login Blogger
5. Ke pilihan Tata Letak
6. Tambah Gadget
7. Pilih HTML/JavaScript
8. Masukan kode script yang sudah anda buat tadi
9. Simpan
10. Lihat Hasilnya.


Itulah cara memasang Like Halaman Facebook melayang pada blog.
Terimakasih dan semoga bermanfaat.. :)
Share this article :
Comments
1 Comments

1 comment:

  1. like facebook ini bisa dipake buat akun selain fans page gak gan, maksudnya akun facebook pribadi saya gitu?

    ReplyDelete

TEMUI DI FACEBOOK!!!

 
Support : 4shared.Com | Sharebeast.Com | Wen.Ru
Copyright © 2014. SUBANG: @ilyasAndika [Blogger] Jawa Barat - All Rights Reserved
Template Created by Blogger Subang Published by Ilyas Andika
Proudly powered by Blogger