Home » » Cara membuat Like box Facebook melayang di blog

Cara membuat Like box Facebook melayang di blog

Posted by MEZAN CREATIVITY on Sunday, 12 July 2015

Anda ingin fanspage halaman anda banyak like?jika anda ingin banyak like maka anda harus ikuti tutor di blog ini karna fanspage halaman anda akan banyak yang like 

Cara ini saya ajarkan hanya script memasang like box melayang di blog anda supaya nanti ada yang kunjung ke blog anda ada yang like kalau anda usdah tidak sabar ikutin tutor di bawah ini

1.Silakan Login teerlebih dahulu ke blogger

2.Buka Tata letak>tambahkan gadget>HTMLS/javascript lalu copy script di bawah ini 

<style type='text/css'>
/* 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/SILAKANANDAGANTIDENGANIDFBANDA?ref=hl&amp;width=292&amp;height=258&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false&amp;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='#'>&times;</a>
</div>

 Silakan anda ganti tulisan yang berwarna merah dengan ID fanspage facebook sobat

3.Lalu paste di temppat kotak yang tersedia 

4.Klik save dan lihatlah hasilnya

Sekarang like fanspage halaman sobat sudah melayang di blog punya kamu silakan tunggu dan lihat hasilnya  

Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Blog Rangga
Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di MEZAN CREATIVITY

Comments
0 Comments

0 comments:

Post a Comment

Tata cara ber-komentar:

1.Tidak ada namanya Spam
2.Tidak boleh komentar mengandung usur SARA
3.Berkomentar dengan sopan
4.Jangan lupa link fanspage Facebook
5.TINGGALKAN JEJAK DI BLOG INI

Followers

.comment-content a {display: none;}