Cara Memasang Halaman Facebook Melayang Di Blog

Sabtu, 26 Januari 2019

Bagikan :

Tweet

Pada kesempatan ini saya ingin share cara memasang fanspage facebook melayang hal ini dilakukan semoga pengunjung sanggup like fanspage kalian dengan gampang tanpa harus menawarkan link fanspage di deskripsi, cara memasangnya cukup mudah, dan ingat ini saya tutorial buat blogger.

Baca Juga; Dowload file iso update windows 10

Cara memasang Widget facebook melayang;

1. login akun blogger kalian,

2. Masuk ke tab LAYOUT > Kemudian ada HEADER-RIGHT > Lalu edit > Lalu masukkan script di bab CONTENT. sesudah simpulan > SAVE.

Script HTML halaman facebook melayang;

• Warna merah Sesuaikan delaynya berdasarkan kalian masing
• Warna Kuning ganti dengan link Halaman fanspage facebook kalian
• Warna Hitam termasuk Link postingan kalian 

Baca Juga: Cara remote dekstop jarak jauh

Copy script link dibawah ini:

<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%;
}
#fanbox {
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;
}
#fanclose {
float:right;
cursor:pointer;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQqTvfr11Ak9n_QBFRJMn9YDUU-ioh9tVKO82q_m8mPnzyrzrv-vQ4TQlgSHwq998yHfeZaTu8okyALgXl1QbtXUIyMzJqvHo1hdsyVI8bhLunQh45kcC0zMoWP6CNS0FMgPnG3n2K2cZB/s1600/fanclose.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 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(20000).fadeIn('medium');
$('#fanclose, #fan-exit').click(function(){
$('#fanback').stop().fadeOut('medium');
});
}
});
</script>
<div id='fanback'>
<div id='fan-exit'>
</div>
<div id='fanbox'>
<div id='fanclose'>
</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/-2347726735460328&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"><a href="https://tumbal09.blogspot.com//search?q=download-file-iso-windows-10-dari" target="_blank">Widget Facebook </a><a href="http://http://tgd-multimediaclub.blogspot.com/">Popup</a></span></center>
</div>
</div> 

Setelah simpulan maka gambar menyerupai ini:

Baca Juga: Cara mengambil isi website dengan HTTrack

Sekian Presentasi dari saya apabila ada kekurangan mohon dimaafkan, jangan lupa comment and share ke sosial media kalian.

Tag : Script Html