Cara Buat Facebook Like Pop-up Pada Blog

20:44:00 zamriy 0 Comments

Hye Asalamualaikum Bloger semua hari ni Mr.Z nak share tips sikit cara buat facebook like pop-up pada blog anda semua, Apa fungsi facebook like pop-up ini ok ni yang nak diceritakan petang - petang sambil makan goreng pisang...nak..hehe Okeys kita terus facebook like Pop-up function dia untuk tambah Likers pada Fanpage facebook korang,Contoh bila orang ke blog Mr.Zamri ni diorang akan nampak button Pop-up muncul...haaa terperanjat tak..panjat kan..lebih sedap lagi pakar-pakar IM panggil TRAFFIC macam tu lah kan..haha ok kalau korang nak kumpul likers atau Followers boleh la guna fungsi ni memang hawasome lah.banyak page - page besar yang pakai fungsi ni.jom follow tutorial kat bawah ini kkkkk. 100% work.

Facebook Like Pop-up

 <!-- Facebook Popup Widget START --><!-- Brought to you by www.AllBlogger.Tips  -->
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>
<style>
#fanback {
display:none;
background:rgba(0,0,0,0.8);
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
z-index:99999;
}
#fan-exit {
width:100%;
height:100%;
}
#Burptech {
background:white;
width:420px;
height:270px;
position:absolute;
top:58%;
left:63%;
margin:-220px 0 0 -375px;
-webkit-box-shadow: inset 0 0 50px 0 #939393;
-moz-box-shadow: inset 0 0 50px 0 #939393;
box-shadow: inset 0 0 50px 0 #939393;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: -220px 0 0 -375px;
}
#Burp {
float:right;
cursor:pointer;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglGQjHOIw8XvmYJ4A52hrnLVFKrxgNu73tkEDVEkWtmlAxPC5reqgv3sqb9d-nVS6nge7aMMcmugbxbi5pKTJYdjYZh0Se1ZkkrdxK8v8-7WEPKZj7xdvm8rCqVUykMvyoTI8aNOQag74p/s1600/Burp.png) repeat;
height:15px;
padding:20px;
position:relative;
padding-right:40px;
margin-top:-20px;
margin-right:-22px;
}
.remove-borda {
height:1px;
width:366px;
margin:0 auto;
background:#F3F3F3;
margin-top:16px;
position:relative;
margin-left:20px;
}
#linkit,#linkit a.visited,#linkit a,#linkit a:hover {
color:#80808B;
font-size:10px;
margin: 0 auto 5px auto;
float:center;
}
</style>
<script type='text/javascript'>
//<![CDATA[
jQuery.cookie = function (key, value, options) {
// key and at least value given, set cookie...
if (arguments.length > 1 && String(value) !== "[object Object]") {
options = jQuery.extend({}, options);
if (value === null || value === undefined) {
options.expires = -1;
}
if (typeof options.expires === 'number') {
var days = options.expires, t = options.expires = new Date();
t.setDate(t.getDate() + days);
}
value = String(value);
return (document.cookie = [
encodeURIComponent(key), '=',
options.raw ? value : encodeURIComponent(value),
options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
options.path ? '; path=' + options.path : '',
options.domain ? '; domain=' + options.domain : '',
options.secure ? '; secure' : ''
].join(''));
}
// key and possibly options given, get cookie...
options = value || {};
var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent;
return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;
};
//]]>
</script>
<script type='text/javascript'>
jQuery(document).ready(function($){
if($.cookie('popup_user_login') != 'yes'){
$('#fanback').delay(1000).fadeIn('medium');
$('#Burp, #fan-exit').click(function(){
$('#fanback').stop().fadeOut('medium');
});
}
$.cookie('popup_user_login', 'yes', { path: '/', expires: 7 });
});
</script>
<div id='fanback'>
<div id='fan-exit'>
</div>
<div id='Burptech'>
<div id='Burp'>
</div>
<div class='remove-borda'>
</div>
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?
href=https://www.facebook.com/pages/MrZamri/1475857046028792&width=402&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false'
style='border: none; overflow: hidden; margin-top: -19px; width: 402px; height: 230px;'></iframe><center>
<span id="linkit">Powered by <a href="https://play.google.com/store/apps/details?id=com.elkstudio.trouverlesdifferences">Find difference</a> - <a href="http://www.allblogger.tips/2014/07/how-to-add-floating-facebook-like-box.html">Facebook Like Box</a></span></center>
</div>
</div>

Cara Adjust Kode :

Masukan Facebook URL Name Anda

Tukarkan link URL warna biru ini
https://www.facebook.com/pages/MrZamri/1475857046028792 
dengan URL Facebook Fanpage korang ok.


Popup Delay Timer

Yang ini untuk masa pop-up tu muncul dekat blog
berapa lama masa yang diambil ok untuk hilang.

1 Second = 1000 / 60 Second = 60000

.delay(10000)

Pop-Up Every Timer Display Page

Ok yang ni pula untuk kemunculan popup tu - muncul sekali sahaja tak perlu
remove kode dekat bawah ni ok.kalau nak muncul setiap kali orang baca entri kita
boleh remove kode ni - tapi semak pulak bila Mr.Zamri tengok bila muncul banyak kali

Cukup sekali sudah.tak perlu ubah - terpulang masing -masing kan dah besar :p

$.cookie('popup_user_login', 'yes', { path: '/', expires: 7 });

Display When User Visit Hompage

Ini pula untuk visitor yang first-time datang ke blog kita dia akan muncul 1 kali je
selagi dia tak buang cookies kat browser diorang.paham kan.sekali je muncul macam tu
hehe.tapi ni lain sedikit kena letakkan kod dibawah ni dekat bahagian EDIT HTML korang ok.

Go to Template > Edit HTML. Now search for the </body> tag.

Masukkan kod yang dekat atas - yang banyak tu dekat bahgian ni termasuk tag bawah ni sekali.

REPLACE-WITH-FACEBOOK WIDGET-CODE-HERE

okeys Mr.Zamri dah settle kan tutorial Cara Buat Facebook Like Pop-up Pada Blog korang try and Error je ok.