cara membuat pop up FP di blogger

posting awal bulan sob...!
Membuat Fanspage Facebook Like Popup Box alias Kotak Like FB yang muncul/melayang di halaman blog adalah salah satu tips & trik untuk meningkatkan Like Fans Page.


Jika Anda berminat memasang Kotak Popup Facebook Like Page di blog Anda, seperti tampak dalam ilustrasi posting ini, dan seperti dalam demo, silakan di blog demo itu juga ada tutorialnya.

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%2Fmasgesa&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 masgesa dengan username Page Facebook Anda sendiri
5. Ganti juga kata-kata berwarna biru dengan kata-kata Anda sendiri.
6. Save!

Good Luck!