salam rakan syoknyerblogging. Setelah sekian lama sy tdk postkan tutorial maka hari ini saya postkan tutorial yang kian dicari oleh blogger sekarang.
Tentu ramai yang tertanya tanya bagaimana blog itu boleh keluar popup facebook like 2 dan anda mesti mahukannya juga kan?

Caranya senang sahaja

1) Login masuk kedalam akaun blogger anda. www.blogger.com

2) Tekan Design > Edit Html

3) Untuk keselamatan sila bekup dahulu template anda sebelum bt perubahan

4) Copy koding dibawah

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'></script>
<style type='text/css'>
#fblikepop{background-color:#fff;display:none;position:fixed;_position:absolute;width:450px;border:10px solid #999;z-index:200;-moz-border-radius:9px;-webkit-border-radius:9px;color:#333;text-align:left;font-family:arial,sans-serif;font-size:13px;margin:0;padding:0}
#fblikepop body{background:#fff none repeat scroll 0;line-height:1;height:100%;margin:0}
.fbflush{cursor:pointer;font-size:11px;color:#FFF}
#fblikebg{display:none;position:fixed;_position:absolute;height:100%;width:100%;top:0;left:0;background:#000;z-index:100}
#fblikepop #closeable{float:right;margin:5px 15px 0 0}
#fblikepop h1{background:#6D84B4 none repeat scroll 0 0;color:#FFF;font-size:13px;font-weight:700;border-color:#3B5998 #3B5998 0;border-style:solid solid none;border-width:1px 1px medium;margin:0;padding:3px}
#fblikepopClose{line-height:14px;right:6px;top:4px;position:absolute;display:block;color:#FFF}
#fblikepop #buttonArea{background:#F2F2F2;border-top:1px solid #CCC;min-height:50px;padding:8px}
#fblikepop #popupMessage{font-size:12px;line-height:22px;padding:8px}
#fblikepop #counter-display{float:right;font-size:11px}
</style>
<script type="text/javascript" src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
<script type="text/javascript" src="http://artikel-terkait.googlecode.com/files/Facebook%20Like.js"></script>
<script language="javascript">
$(document).ready(function() {
$('body').facebookTrafficPop( {
timeout: 20,
title: "Like Kami Di Facebook",
message: '<b>LIKE KAMI DI FACEBOOK</b>',
url: "http://www.syoknyerblogging.com/",
closeable: false
} );

});
</script>

5) Pastekan koding yang anda copy tadi sebelum</head>

6) Copy koding dibawah

<div id='fbtpdiv'></div>

7) Pastekan sebelum </body>

Ok Selamat Mencuba lah yer.

Untuk Edit Cari

timeout: 20, (bermaksud 20saat, tukar 20 jadi 40 untuk 40 saat)
title: "Like Kami Di Facebook", (tajuk popup 2)
message: '<b>LIKE KAMI DI FACEBOOK</b>', (meseg yang anda nk sampaikan)
url: "http://www.syoknyerblogging.com/", (url blog, sila 2kar kepada url blog anda) 


Untuk support silalah sertai forum kami http://syoknyerblogging.com/v1/index.php?/topic/2014-cara-membuat-popup-facebook-like-pada-blog/

---

Blog
Gadget

Jika anda sukakan article ini,linkkan kembali...

<a href="http://syoknyerblogging.blogspot.com/2011/12/cara-membuat-popup-facebook-like-pada.html">Cara Membuat Popup Facebook Like Pada Blog</a>