04 Mei 2015

Membuat Fanpage Facebook Melayang


Siomponk.Com - Ok setelah kemarin saya mempostingkan tentang Fanpage Facebook (baca: Membuat Widget Fan Page Facebook di Blogger). Kali ini kembali saya akan membahas Fanpage Facebook lagi dengan bahasan Membuat Fanpage Facebook Melayang yang walaupun sudah banyak tutorialnya di blog lain.

Tidak apa-apa juga saya saat ini mempostingkan Membuat Fanpage Facebook Melayang, walaupun dulu saya pernah memposting bahwa popup pada blog itu merupakan salah satu yang tidak disukai pengunjung (baca: 10 Hal Yang Dibenci Oleh Pengunjung Blog) karena tujuan saya memasang untuk menambahkan jumlah LIKE pada Fanpake saya yang tergolong masih baru. Minim dari LIKE.

Ok, kita langsung saja cara Membuat Fanpage Facebook Melayang

- Pasang kode berikut ini DIBAWAH kode <body>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/id_ID/sdk.js#xfbml=1&version=v2.3&appId=219475104742438";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

CATATAN:

kode ini dipasang jika pada blog anda belum ada kode demikian atau yang sejenis

- Kemudian, pasang kode berikut ini DIBAWAH kode tersebut yang diatas
<!-- Facebook Popup Widget START siomponk.com -->
<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%;
}
#JasperRoberts {
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;
}
#TheBlogWidgets {
float:right;
cursor:pointer;
background:url(http://3.bp.blogspot.com/-NRmqfyLwBHY/T4nwHOrPSzI/AAAAAAAAAdQ/8b9O7O1q3c8/s1600/TheBlogWidgets.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,#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(2000).fadeIn('medium');
$('#TheBlogWidgets, #fan-exit').click(function(){
$('#fanback').stop().fadeOut('medium');
});
}
$.cookie('popup_user_login', 'no', { path: '/', expires: 1 });
});
</script>
<div id='fanback'>
<div id='fan-exit'>
</div>
<div id='JasperRoberts'>
<div id='TheBlogWidgets'>
</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/siomponkcom&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>
</div>
</div>
<!-- Facebook Popup Widget END siomponk.com -->
KETERANGAN:
https://www.facebook.com/siomponkcom = anda ganti dengan alamat fanpage facebook anda
Jika gagal, biasanya terletak pada tanda "&" dimana anda HARUS mem-parse tanda tersebut menjadi &amp;

Nah, demikianlah postingan saya kali ini tentang Membuat Fanpage Facebook Melayang, dan semoga dapat bermanfaat untuk anda.
Salam...
Previous Post
Next Post

Hal terpenting dalam pacaran adalah bukan dari Perbedaan Umur...
Tapi yang terpenting adalah Perbedaan Kelamin...

1 komentar:

  1. Ane cobaa dulu gan ,,,
    Soalnya ane uDd bkin fans page , tpii gx melayaang siI
    Hee

    BalasHapus

PERATURAN BERKOMENTAR:

- Gunakan BAHASA yang baik dalam berkomentar
- Dilarang SPAM dalam berkomentar
- Dilarang SARA dan SARU dalam berkomentar
- Dilarang OOT dalam berkomentar

Jika terdapat hal demikian pada komentar anda, kami akan menghapus komentar anda tersebut.