Cara Membuat Kotak Popup Facebook Like Page di Blogspot

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. Dengan Cara ini Semoga bisa membuahkan hasil.



Ininih Cara nya :

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 Ke Official FansPage Newbie Blog Post!<br/>
    Forum Share dan Tuker Link untuk Tingkatkan Traffic. Klik Like/Suka!
</b></center>
  <hr/>
<center>
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='https://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/pages/Newbie-Blog-Post/477371065649795&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/pages/Newbie-Blog-Post/477371065649795' style='font-size:xx-small; color:#3B78CD; text-decoration:none;' target='_blank'>Newbie Blog Post</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 URL FansPage Kalian.

6. Ganti kata berwarna Kuning dengan deskripsi Fanspage kalian
6. Save!

Good Luck!

Jangan lupa klik LIKE/SUKA Fans Page Newbie Blog Post agar kita saling berbagi untuk meningkatkan traffic blog kita. Thanks!



Cara Membuat Kotak Popup Facebook Like Page di Blogspot


1 comments:

  1. Makasih sob untuk informasi tutornya :)
    http://goo.gl/I7YrK4

    ReplyDelete