Thursday, December 22, 2016
Cara membuat Like Box Facebook Dengan Tambahan Kata bergerak
Cara membuat Like Box Facebook Dengan Tambahan Kata bergerak
Oke sekarang saya ngepos tentang Cara membuat Like Box Facebook Dengan Tambahan Kata bergerak.
<!-- 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:330px;
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>
<marquee behavior="alternate">Biar Lebih Keren,LIke This.!!!</marquee>
<!-- Mulai --!>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Filzamzuhdiblogapik&width&height=258&colorscheme=light&show_faces=true&header=false&stream=false&show_border=true&appId=589393777809993" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:258px;" allowtransparency="true"></iframe>
<!-- Selesai --!><a class=close href=#>×</a>
<p style=" float:right; margin-right:35px; font-size:10px;" ></p></div>Powered By <a style=" font-size:10px; color:#3B78CD; text-decoration:none;" href="http://www.facebook.com/ielielzam.zuhdi">Ilzam Zuhdi Shofiyullah</a>
Keterangan :
- warna merah adalah kata yang bergerak,silahkan ganti dengan kata yang anda inginkan
-warna biru adalah username fanpage blog saya,silahkan ganti dengan username fanpage sobat
Go to link Download
