Cara Membuat Kotak Popup Facebook Like Page di Blogspot

Cara Membuat Kotak Popup Facebook Like Page di Blogspot
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.

Lihat DEMO

UPDATE !!!
Jangan teruskan bacanya, silakan baca updatenya di GBL Logger Lab sekaligus demonya ada di sana!

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 Cara Membuat Kotak Popup Facebook Like Page di Blogspot berikut ini GBL 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%2FGBLblogger&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/GBLblogger' 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 GBLblogger dengan username Page Facebook Anda sendiri
5. Ganti juga kata-kata berwarna biru dengan kata-kata Anda sendiri.
6. Save!

Good Luck!

UPDATE POSTING INI ADA DI GBL BLOGGER LAB!

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

Ketentuan Berkomentar

  • Komentar yang tidak sesuai topik lebih baik disampaikan di halaman-artikel .
  • Komentar yang menyertakan link hidup tidak akan ditampilkan / dihapus.
  • Format link yang diterima :
  • greenbaysludge.blogspot.com ganti menjadi greenbaysludge.
  • greenbaysludge.blogspot.com/p/sitemap.html ganti menjadi greenbaysludge[dot]blogspot[dot]com/p/sitemap[dot]html.
  • blogger.com ganti menjadi blogger atau blogger[dot]com.
  • 23 Februari 2015
Previous
Next Post »