Asalamualaikum wr wb !!
ditutorial kali ini saya akan memberikan sebuah tutorial bagai mana cara mudah untuk membuat pop up like box facebook panspage dengan mudah dan singkat tentunya bro eheh .
Baiklah tolong di simak dulu yah teman teman semuanya semoga kalian bisa mengerti amin ya robal alamin ehe !
Persiapan yang harus kalian miliki adalah sebaiagai berikuat
pertama kalian harus punya Acoun facebook dong tentunya kemudian langsung log in ke akun facebook kalian setelah itu masuk ke dalam halaman atau fans page kalian terlebih dahulu yah bro. setelah itu jika sudah masuk ke halaman atau fanspage kalian silahkan copy link halaman atau fanspage kalian yah jika sudah simpan dulu sajah yah bro !
oiyah lupa sebelumnya kalian harus online dulu dong punya akses internet supaya bisa masuk ke facebook ahah yang baca nya lupa kayanya nih ahahah ! kalem brow
steps pertama saya anggap selsai sekarang kita masuk ke steps selanjutnya bro eheh..
masuk ke
blogger.com kemudian masuk kedalam tata letak jika sudah silahkan kalian pilih mau dimana sajah nanti tempat scrip nya bebas bro karna tidak akan berpengaruh ehehe .. saya anggap udah ngerti sajah lah jika belum mengerti silahkan klik gambar dan berkomentar di bawah yah !1
setlah kalian memilih tata letak pilih tambah gadgeet--> kemudian kik HTML/JAVA SCRIP dan pastekan scrip dibawah inih dan ganti tulisan yang berwarna merahnya dengan alamat fanspage kalaian supaya scripnya jalan silahkan kalian klik gambar terlebih dahulu
<style scoped='' type='text/css'>
#fb-fanbox {display:none;background:rgba(0,0,0,0.9);width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999;-webkit-transform:translateZ(0);}
#fb-boxclose {width:100%;height:100%;-webkit-transform:translateZ(0);}
#fb-boxview {background:#fff;border:8px solid #03a9f4;width:340px;height:230px;position:absolute;top:33%;left:37%;border-radius:3px;}
#fb-closebox {float:right;cursor:pointer;position:absolute;right:-1px;top:-2px;z-index:2;}
#fb-closebox:before {content:"CLOSE";padding:5px 8px;background:#03a9f4;color:#fff;font-weight:normal;font-size:10px;font-family:inherit;}
#fb-boxlink,#fb-boxlink a.visited,#fb-boxlink a,#fb-boxlink 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) {
// Pengaturan 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(''));
}
// Dapatkan 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'){
$('#fb-fanbox').delay(3000).fadeIn('fast');
$('#fb-closebox, #fb-boxclose').click(function(){
$('#fb-fanbox').stop().fadeOut('fast');
});
}
$.cookie('popup_facebook_box', 'yes', { path: '/', expires: 7 });
});
</script>
<div id='fb-fanbox'>
<div id='fb-boxclose'>
</div>
<div id='fb-boxview'>
<div id='fb-closebox'>
</div>
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?
href=https://www.facebook.com/Catatan-Amuiz-Free-Sofware-and-tutorials-734112590027840&width=402&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false'
style='border:none;overflow:hidden;width:339px;height:200px;'></iframe>
</div>
</div>
Demikianlah Artikel CARA MEMBUAT POP UP LIKE BOX FANSPAGE FACEBOOK DI BLOGGER
Sekian Artikel CARA MEMBUAT POP UP LIKE BOX FANSPAGE FACEBOOK DI BLOGGER, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sekian postingan kali ini.
Anda sedang membaca artikel
CARA MEMBUAT POP UP LIKE BOX FANSPAGE FACEBOOK DI BLOGGER dan artikel ini url permalinknya adalah
http://adaapadenganbloq.blogspot.com/2016/04/cara-membuat-pop-up-like-box-fanspage.html Semoga artikel
ini bisa bermanfaat.
Terimakasih anda telah membaca artikel tentang CARA MEMBUAT POP UP LIKE BOX FANSPAGE FACEBOOK DI BLOGGER. Jika ingin menduplikasi artikel ini diharapkan anda untuk mencantumkan link http://adaapadenganbloq.blogspot.com/2016/04/cara-membuat-pop-up-like-box-fanspage.html. Terimakasih atas perhatiannya.