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/










Share Gadget
Stumble
Delicious
Technorati
Twitter
Facebook
Blog
Gadget


Jika anda sukakan article ini,linkkan kembali...



Dicatat oleh Thalhah Amir on Selasa, 13 Disember 2011
categories: | edit post

9 ulasan

  1. kotak hitam Says:
  2. thanks...

     
  3. Admin Says:
  4. bro mcm mana nk tukar jd kuar like fanpage?

     
  5. kenapa aku buat xda apa2 kluar bro?apa yg xkena?

     
  6. Tak menjadi. :(

     
  7. Thalhah Amir Says:
  8. sila rujuk http://syoknyerblogging.com/forum/topic/31-facebook-like-popup-lock/

     
  9. thx yaa

     
  10. Buatbest Says:
  11. sampai..

     
  12. bro.. dah like pon dia keluar lagi la.. suruh tunggu jgk 20 seken walaupon dah like..

     
  13. kenape bile dah LIKE x hilang box tu..?

     

Catat Ulasan

Cari Blog Ini

Pengikut

Pengikut Facebook

Informasi

SyoknyerBlogging adalah sebuah blog tutorial untuk bloggers yang menggunakan platform blogspot. Semua tutorial disini adalah daripada pengalaman sy berblogging selama 3 tahun. Sy bukan untuk mengajar tetapi lebih kepada berkongsi. Harap anda gembira disini. (^^,)

Mengenai Saya

Foto saya
Sy sangat sukakan web. Seorang Programmer. Pemilik Syoknyerblogging
Copyright 2010 | SyoknyerBlogging | Belajar Blogging Dalam Bahasa Melayu
Zengard Template designed by the Jinsona Design and XML coded by CahayaBiru.com