Cara Pasang Pop Up Fan Page FB di Website Blogspot

Pop up like facebook adalah antara satu cara para blogger untuk menaikkan atau menambahkan like fanpage facebook mereka.pop up like facebook juga mempunyai berbagai style dan design yang telah di modyfied oleh para-para webmaster dan anda hanya perlu memilihnya mengikut keinginan masing-masing.

Di bawah ini merupakan script pop up like facebook ringan dan mesrah pengguna dari blog satap 8 konsel.blogspot.com, untuk meletakkan di dalam blog anda, anda hanya perlu copy kesemua script di bawah ini dan letak di dalam blog anda.berikut scriptnya :

<<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>
<a class="murub">Like kami di Facebook juga yah sob</a></center>
<center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/pages/SMPN-Satap-8-Konsel/440872745981623;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 -->
<br/>
<div class="twitter">
<!-- Twitter --> <iframe title="" style="width: 250px; height: 20px;" class="twitterx-follow-button" src="http://platform.twitter.com/widgets/follow_button.html#_=1319978796351& align=&button=blue&id=twitter_tweet_button_0& lang=ID&link_color=&screen_name=Hastriad87&show_count=& show_screen_name=&text_color=" frameborder="0" scrolling="no"></iframe> </div>
<a class='close' href='#'>×</a>
</div>
"border="1"/> </a>

Untuk pengguna blogspot.masuk ke layout>add new gadget>pilih HTML dan masukkan script ini ke dalam kotak tersebut dan jangan lupa tukar URL fanpage facebook dengan yang ditandai warna merah anda  dan save..

Jika masih tak faham cara tukar usename fanpage facebook,dalam script tersebut,cari kode ini https://www.facebook.com/pages/SMPN-Satap-8-Konsel/440872745981623 dan tukar  URL fanpage facebook anda.

INGATTT.....

Tukar URLnya dengan usename fanpage sobat punya....