Membuat Like Box Fanspage Melayang- Dalam artikel sebelumnya sudah dijelaskan bagaimana cara memasang like box pada box, kali ini sedikit berbeda dengan sebelumnya walaupun sebenarnya hampir sama cuman yang ini akan muncul ketika membuka situs. Jadi semua orang yang membuka blog akan melihat fanspage dan mau dilike atau tidak itu pilihan mereka. Jika tulisan kalian menarik pastilah tanpa dipaksa akan suka rela teka tombol “like”
Langsung aja caranya cukup mudah kalian hanya perlu masuk ke Tata Letak => Tambahkan Gadget => HTML/JavaScript dan masukan script yang ada di bawah untuk membuat like box fanspage facebook melayang:
Baca Juga:
Langsung aja caranya cukup mudah kalian hanya perlu masuk ke Tata Letak => Tambahkan Gadget => HTML/JavaScript dan masukan script yang ada di bawah untuk membuat like box fanspage facebook melayang:
<style type='text/css'>Jangan lupa ganti script yang berwarna biru dengan alamat fanspage kalia,n lalu simpan dan cek dengan cara membuka blog kalian yang digunakan untuk uji coba. Sekian dan terimakasih sudah mampir, semoga bermanfaat cara membuat like box fanspage facebook melayang di blog ini.
/* Message Box */
#box-message {
position:fixed !important;
position:absolute;
top:-1000px;
left:50%;
margin:0px 0px 0px -182px;
width:300px;
height:auto;
padding:16px;
background:#fff;
font:normal Dosis, Georgia, Serif;
color:#111;
border:2px solid #333;
-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;
}
#box-message a.close {
position:absolute;
top:-10px;
right:-10px;
background:#fff;
font:bold 16px Arial, Sans-Serif;
text-decoration:none;
line-height:22px;
width:22px;
text-align:center;
color:#111;
border:2px solid #333;
-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:22px;
-moz-border-radius:22px;
border-radius:22px;
cursor:pointer;
}
#twitterx {
background: #EEF9FD;
padding: 10px;
text-align:center;
border: 1px solid #C7DBE2;
border-top: 0;
}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script type='text/javascript'>
$(window).bind("load", function() {
// Animate Top Value When Page Loaded Completed
$('#box-message').animate({top:"50px"}, 1000);
// Remove Mailbox When Close Button On Click
$('a.close').click(function() {
$(this).parent().fadeOut();
return false;
});
});
</script>
<div id='box-message'>
<!-- HTML Start -->
<center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/temanberbagii?ref=hl&width=292&height=258&colorscheme=light&show_faces=true&border_color&stream=false&header=false&appId=371524026202784" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:258px;" allowtransparency="true"></iframe>
</center>
<!-- HTML End -->
<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="http://capungistimewa.blogspot.com/">Facebook</a> and <a style=" font-size:10px; color:#3B78CD; text-decoration:none;" href="http://capungistimewa.blogspot.com">Get This Widget</a></p>
</div>
Baca Juga:
4 Cara Asik Diet Sehat Alami |
mas cara buat artikel yg bisa di kopy dalam kolom script itu gmna ya
ReplyDelete