Selamat Datang di Y@Music

Thursday, January 16, 2014

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

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.. :)

0 comments:

Post a Comment

Note: Only a member of this blog may post a comment.

BitcoinTube