Cara Membuat FansPage Facebook Melayang di Blog

FansPage Facebook Melayang di Blog

Cara Membuat FansPage Facebook Melayang di Blog - Sebelumnya Saya sudah pernah Post tentang Tips ini, namun cara itu sudah tidak bisa di gunakan lagi, jadi Saya hapus saja Post itu, tapi Saya kembali Update lagi caranya. OK, sebelum kita masuk ke langkah-langkahnya, Kalian pasti sudah tahu-kan apa itu Fans Page Facebook, itu lo SS-nya ada di atas. Baiklah, kita langsung saja ke langkah-langkahnya.

1. Pertama-tama kalian login terlebih dahulu ke Blog kalian.

2. Kemudian, dari Dashboard kemudian cari Menu "TATA LETAK" atau cari menu "Layout" --> Tambahkan Gadget --> pilih menu "HTML/JavaScript"

3. Setelah itu masukkan semua kode berikut ke dalam kotak konten :

<script src='https://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/AVvXsEjXxpGUVvWF-QLsschlyH2M9Ye5nsBrtxzHBiCgTBqEZne7Hf-tg8lv3QSW1rd-OmHYGv7CB5mkMdbHK5vG9tcLaGLp4bYkLrN2kkUAAXEC14ywr62wH7aXFjgAHaYNrSQRAa3ite4Uix9V/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;

}

</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(100).fadeIn('medium');

$('#fanclose, #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='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/SalmanAinurridho.FansPage&width=402&height=255&colorscheme=light&show_faces=true&border_color=%23E2E2E2&stream=false&header=false' style='border: none; overflow: hidden; margin-top: -19px; width: 402px; height: 230px;'></iframe></div></div>

4. Simpan

5. Done !

Sekian dulu Tips Blogger kali ini, semoga Tips ini bermafaat buat Kalian semua, dan semoga Tips ini tidak kalah dengan Tips Blogger yang lain.

Salam Blogger Indonesia.

Berbagi :