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.
|
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&width&height=290&colorscheme=dark&show_faces=true&header=true&stream=false&show_border=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:290px;" allowtransparency="true"></iframe>
<!-- 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="#">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 :)