Cara Membuat Kotak Popup Facebook Like Page di Blogspot

Membuat Facebook Like Popup Box alias Kotak Popup Facebook Like di blog adalah salah satu tips dan trik untuk meningkatkan Like Fans Page.

Jika Anda berminat memasang Kotak Popup Facebook Like Page di blog Anda, seperti tampak dalam ilustrasi posting ini, ini dia Cara Membuat Kotak Popup Facebook Like Page di Blogspot yang CB kopas dari Haak Blog.

Cara Membuat Kotak Popup Facebook Like Page di Blogspot

1. Dashboard > Klik Template > Klik Edit HTML
2. Cari (CTRL+F) kode </body>. Biasanya ada di bagian akhir/di bawah.
3. Copy dan Paste kode berikut ini tepat di atas kode </body> tadi

<!-- FB FANS PAGE LIKE BOX -->
<style type='text/css'>
#haakblogFBpop {
position:fixed !important;
position:absolute;
top:-1000px;
left:50%;
margin:0px 0px 0px -182px;
width:300px;
height:auto;
padding:16px;
background:#FEFEFE;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;
}
#haakblogFBpop a.haakblogclose {
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:#000000;
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:25px;
cursor:pointer;
}
</style>
 <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(window).bind(&quot;load&quot;, function() {
// Animate Top
$(&#39;#haakblogFBpop&#39;).animate({top:&quot;150px&quot;}, 1000);
// Widget by www.haakblog.com
$(&#39;a.haakblogclose&#39;).click(function() {
$(this).parent().fadeOut();
return false;
});
});
</script>
<div id='haakblogFBpop'>
<center>
  <b>Ayo, Gabung Komunitas Blogger Indonesia!<br/>
    Forum Share dan Tuker Link untuk Tingkatkan Traffic. Klik Like/Suka!
</b></center>
  <hr/>
<center>
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fcbblogger&amp;width=300&amp;height=258&amp;show_faces=true&amp;colorscheme=light&amp;stream=false&amp;show_border=false&amp;header=false&amp;appId=196282097100252' style='border:none; overflow:hidden; width:300px; height:258px;'/>
</center>
<a class='haakblogclose' href='#'>&#215;</a>
<center style='float:right; margin-right:10px;'>
<span style='font-size:xx-small; color:#000; text-decoration:none;'/>
<a href='http://www.haakblog.com' rel='dofollow' target='_blank' title='blogger'><img alt='blogger' border='0' src='https://bitly.com/haakblog' style='position: fixed; bottom: 10%; right: 0%;'/></a><a href='https://www.facebook.com/cbblogger' style='font-size:xx-small; color:#3B78CD; text-decoration:none;' target='_blank'>Forum Blogger Indonesia</a></center>
</div>
<!-- FB FANS PAGE LIKE BOX -->

4. Ganti kata cbblogger dengan username Page Facebook Anda sendiri
5. Ganti juga kata-kata berwarna biru dengan kata-kata Anda sendiri.
6. Save!

Good Luck!

Jangan lupa klik LIKE/SUKA Fans Page Forum Blogger Indonesia agar kita saling berbagi untuk meningkatkan traffic blog kita. Thanks!