Cara Memasang Pop Up Like Box Facebook Melayang
Monday, September 9, 2019
10 Comments
Kuatmlarat - Memiliki fanspage Facebook dengan jumlah follower banyak tentu menjadi idaman setiap blogger karna dapat meningkatkan jumlah pengunjung blog. Fanpage berfungsi untuk memberitahukan kepada pengikut tentang adanya artikel menarik atau terbaru yang baru di bagikan oleh adminnya. Sehingga nantinya pengikut tersebut akan mengunjungi artikel kita. Kendati begitu meningkatkan jumlah pengikut tidaklah mudah terkadang para admin menggunakan FB-Ads untuk meningkatkan jumlah like halaman Facebook atau memasang fanpage Facebooknya di blog atau situs yang dimilikinya.
1. Pertama silahkan Anda login dulu ke Akun Blogger
2. Lalu pilih menu Tata Letak → tambahkan Gadget terserah dimana saja → pilih HTML / JavaScript
3. Kemudian Copy kode script dibawah ini, lalu Paste didalamnya tanpa di beri judul nama
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>
<style type="text/css">
#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 {
border: 5px solid #1194f2;
width: 348px;
height: 223px;
position: absolute;
top: 30%;
left: 37%;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#fbox-button {
float: right;
cursor: pointer;
position: absolute;
right: 5px;
top: 1px;
}
#fbox-button:before {
content: "x";
padding: 1px 7px 4px 7px;
background: #ff4e4e;
color: #fff;
font-weight: 700;
font-size: 10px;
border-radius: 10px;
}
#fbox-link,#fbox-link a.visited,#fbox-link a,#fbox-link a:hover{color:#aaa;font-size:9px;text-decoration:none;text-align:center;padding:0px}
</style>
<script type='text/javascript'>
//<![CDATA[
jQuery.cookie=function(a,b,c){if(arguments.length>1&&"[object Object]"!==String(b)){if(c=jQuery.extend({},c),null!==b&&void 0!==b||(c.expires=-1),"number"==typeof c.expires){var d=c.expires,e=c.expires=new Date;e.setDate(e.getDate()+d)}return b=String(b),document.cookie=[encodeURIComponent(a),"=",c.raw?b:encodeURIComponent(b),c.expires?"; expires="+c.expires.toUTCString():"",c.path?"; path="+c.path:"",c.domain?"; domain="+c.domain:"",c.secure?"; secure":""].join("")}c=b||{};var f,g=c.raw?function(a){return a}:decodeURIComponent;return(f=new RegExp("(?:^|; )"+encodeURIComponent(a)+"=([^;]*)").exec(document.cookie))?g(f[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/zeroturn&width=339&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false'
style='border: none; overflow: hidden; background: #fff; width: 339px; height: 212px;'></iframe>
</div>
</div>
<style type="text/css">
#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 {
border: 5px solid #1194f2;
width: 348px;
height: 223px;
position: absolute;
top: 30%;
left: 37%;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#fbox-button {
float: right;
cursor: pointer;
position: absolute;
right: 5px;
top: 1px;
}
#fbox-button:before {
content: "x";
padding: 1px 7px 4px 7px;
background: #ff4e4e;
color: #fff;
font-weight: 700;
font-size: 10px;
border-radius: 10px;
}
#fbox-link,#fbox-link a.visited,#fbox-link a,#fbox-link a:hover{color:#aaa;font-size:9px;text-decoration:none;text-align:center;padding:0px}
</style>
<script type='text/javascript'>
//<![CDATA[
jQuery.cookie=function(a,b,c){if(arguments.length>1&&"[object Object]"!==String(b)){if(c=jQuery.extend({},c),null!==b&&void 0!==b||(c.expires=-1),"number"==typeof c.expires){var d=c.expires,e=c.expires=new Date;e.setDate(e.getDate()+d)}return b=String(b),document.cookie=[encodeURIComponent(a),"=",c.raw?b:encodeURIComponent(b),c.expires?"; expires="+c.expires.toUTCString():"",c.path?"; path="+c.path:"",c.domain?"; domain="+c.domain:"",c.secure?"; secure":""].join("")}c=b||{};var f,g=c.raw?function(a){return a}:decodeURIComponent;return(f=new RegExp("(?:^|; )"+encodeURIComponent(a)+"=([^;]*)").exec(document.cookie))?g(f[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/zeroturn&width=339&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false'
style='border: none; overflow: hidden; background: #fff; width: 339px; height: 212px;'></iframe>
</div>
</div>
4.Ganti URL " https://facebook.com/zeroturn" dengan URL halaman fanpage Anda
5.Andapun dapat mengubah warna sisi widget sesuai dengan keinginan dengan menganti kode #1194f2 Sesuai keinginan
6.Jika Ingin memunculkan widget setiap halaman fanspage di buka, silahkan hapus kode $.cookie('popup_facebook_box', 'yes', { path: '/', expires: 7 }); dan pada kode if($.cookie('popup_facebook_box') != 'yes'){ silahkan ganti yes menjadi no
7.Simpan.
ijin min test, laporan menyusul
ReplyDeletejoss gandoss
ReplyDeleteMan tolong wacakno man
ReplyDeleteWaooow!!! Magnificent blogs, this is what I wanted to search. Thanks buddy
ReplyDeletewebsite design agencies
This is really an excellent blog as well as its content.
ReplyDeleteweb design company San Francisco
Strong communicators with an eye to customer service, ui ux design were a very successful partner.
ReplyDeleteIt's not my very first time to visit this blog; I’m visiting this daily and acquire superb info from here day by day.
ReplyDeletebulk url opener for firefox
The team was communicative throughout the development process website agencies proposing alternative solutions and involving key stakeholders in discussions.
ReplyDeleteThough the project has yet to launch, the company is happy with the outcome. The team was well prepared in their project management
ReplyDeletebranding agencies San Francisco
I don’t waste my free time that’s why I read the informative things when I got this blog I really enjoyed reading this.
ReplyDeletebest UX agency