Cara Membuat Like Box Fb Melayang

Setelah mencari cari.. akhirnya dapet juga yang cocok widget Like Box FB nya. ane dapat dari mbah Google. Sebelumnya jangan lupa siapin kode Like Box FBnya ya :D, kalo mau kasih Tombol Follow Twitter juga jangan lupa siapin itu kodenya.

Cara Membuat Like Box Fb Melayang
Like Box Fb Melayang
Berikut ini cara bagaimana membuat fanspage atau like Bok FB melayang diatas postingan, fb merupakan salah satu web yang berpage rank tinggi jadi apa salahnya kita membacklinkan web atau blog ke page rank tinggi. ya ude karena leamaan langsung  saja ini dia caranya.
1. Login Blogger >> Layout
2. Add a gadget trus pilih HTML/Javascript
3. Jangan kasih judul ya biar ngga muncul tulisan aneh di pagenya.hehehhe 🙂
4. Paste kode di bawah ini ke HTML/Javascript tadi
<!– 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;”>Mohon Bantu Saya,<blink> Like This !!!</blink> </p>
<!– Mulai –!>

<iframe src=”//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fgistechindo&amp;width&amp;height=290&amp;colorscheme=dark&amp;show_faces=true&amp;header=true&amp;stream=false&amp;show_border=true” scrolling=”no” frameborder=”0″ style=”border:none; overflow:hidden; height:290px;” allowtransparency=”true”></iframe>

<!– 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=”#”>Blogger Widget</a> and <a style=” font-size:10px; color:#3B78CD; text-decoration:none;” href=”#”>Get This Widget</a></p>
</div>

5. dan yang terahir Simpan dan lihat hasilnya 🙂


1 thought on “Cara Membuat Like Box Fb Melayang”

Leave a Comment

Your email address will not be published. Required fields are marked *