Selamat datang ke BelajarBlogs...
Home » » Facebook Popup Like Box

Facebook Popup Like Box



Seperti yang anda tahu Facebook adalah salah satu platform rangkaian sosial yang paling popular pada masa kini jadi setiap orang  ada yang membuat / laman peribadi perniagaan mereka di Facebook untuk mempromosikan kandungan, produk atau perkhidmatan mereka. Kerana pada masa kini Rangkaian Sosial adalah lebih berkuasa kemudian TV atau Radio, kerana 80% + majoriti orang di dunia menggunakan laman rangkaian sosial. Jadi, dalam tutorial ini saya akan berkongsi popup Facebook widget yang merupakan salah satu yang terbaik menggunakan widget untuk mendapat lebih like di Facebook Page .

Berikut adalah arahan mengenai cara untuk menambah Facebook Pop up.



Pasang Facebook Like Fanspage Pop up page  

Langkah 1) Dari Blogger Dashboard, pergi Layout and klik pada Add a Gadget link




Langkah  2) In the pop-up window, pilih  HTML/JavaScript widget




Langkah 3) Copy-paste kode dibawah ini.(Pilih antara salah satu kode dibawah)

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>
<style>
#fbox-background {
display: none;
background: rgba(0,0,0,0.8);
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 99999;
}#fbox-close {
width: 100%;
height: 100%;
}#fbox-display {
background: #eaeaea;
border: 5px solid #828282;
width: 340px;
height: 230px;
position: absolute;
top: 32%;
left: 37%;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}#fbox-button {
float: right;
cursor: pointer;
position: absolute;
right: 0px;
top: 0px;
}#fbox-button:before {
content: "CLOSE";
padding: 5px 8px;
background: #828282;
color: #eaeaea;
font-weight: bold;
font-size: 10px;
font-family: Tahoma;
}
#fbox-link,#fbox-link a.visited,#fbox-link a,#fbox-link a:hover {
color: #aaaaaa;
font-size: 9px;
text-decoration: none;
text-align: center;
padding: 5px;
}
</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_facebook_box') != 'yes'){
$('#fbox-background').delay(5000).fadeIn('medium');
$('#fbox-button, #fbox-close').click(function(){
$('#fbox-background').stop().fadeOut('medium');
});
}
$.cookie('popup_facebook_box', 'yes', { path: '/', expires: 7 });
});
</script>
<div id='fbox-background'>
<div id='fbox-close'>
</div>
<div id='fbox-display'>
<div id='fbox-button'>
</div>
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?
href=https://www.facebook.com/jeritanblog&width=402&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false'
style='border: none; overflow: hidden; background: #fff; width: 339px; height: 200px;'></iframe>
<div id="fbox-link">Powered by <a style="padding-left: 0px;" href="http://belajarblogs.com" rel="nofollow">BB</a></div>
</div>
</div>


Nota:



  • Widget ini akan muncul selepas lima saat sebagai masa , untuk mengubah masa anda perlu menukar kode yang berwarna merah .delay(5000) untuk masa anda sendiri. (1000 = 1 saat)



  • Widget ini hanya akan muncul sekali sahaja apabila pengunjung melawat laman blog anda , untuk membuat widget ini muncul setiap kali pengunjung reload page anda (ini tidak digalakkan kerana menyusahkan pengunjung) bolehlah buang kode  ini


$ .cookie ( 'Popup_facebook_box', 'ya', {path: '/', tamat: 7});



  • Anda perlu  ganti facebook.com/jeritanblog dengan halaman Link Facebook anda 


Langkah 4) Klik Save

1 ulasan:

  1. saya atas nama BPK. SAMSUL dari MADURA ingin mengucapkan banyak terimah kasih kepada MBAH KARYO,kalau bukan karna bantuannya munkin sekaran saya sudah terlantar dan tidak pernaah terpikirkan oleh saya kalau saya sdh bisa sesukses ini dan saya tdk menyanka klau MBAH KARYO bisa sehebat ini menembuskan semua no,,jika anda ingin seperti saya silahkan hubungi MBAH KARYO no ini 082301536999 saya yakin anda tdk akan pernah menyesal klau sudah berhubungan dgn MBAH KARYO dan jgn percaya klau ada yg menggunakan pesan ini klau bukan nama BPK. SAMSUL dan bukan nama MBAH KARYO krna itu cuma palsu.m

    BalasPadam