Cara Membuat Fanspage Facebook Melayang Di Blog Terbaru - Endo Sadewa

Cara Membuat Fanspage Facebook Melayang Di Blog Terbaru

Cara Membuat Fanspage Facebook Melayang Di Blog Terbaru.
Kalo kalian pergi kesini berarti kalian pengen memasang fp FB ada di muka paling depan sebuah website. Cara ini sangat bagus untuk menaikkan pengunjung karena dari 100 orang yang mengunjungi blog kita kemungkinan ada 5-10 orang baru yang akan menyukai FP kita. Untuk tampilan gambar kira-kira seperti ini.


Sebelum kita mulai mari kita review dulu Widget satu ini. Kita akan review tentang kelebihan dan kekurangan dari fanpage FB melayang seperti ini.

Kelebihan:
  • Mendapatkan traffic Fanpage FB (Buat apa tapi? Google sangat membenci traffic yang dihasilkan diluar google search console). Kecuali kalian blogging untuk tidak mencari uang silahkan mengeruk massa sebanyak-banyaknya dari fanpage.
  • Kekinian? Mungkin
  • Keren? Mungkin
  • Semuanya selera,,,
Kekurangan:
  • Memperberat Kecepatan Website
  • Terkadang membuat pengunjung benci popup seperti ini. Seringkali langsung close website kita jika ada popup yang tidak bisa di close.
  • Keren? Kekinian? I dont think so. Saya nggak pernah melihat website besar membuat pop up melayang seperti ini. tapi semua kembali ke selera masing-masing.

Nah sudah mempertimbangkan memasang widget FB melayang seperti ini? Oke deh...
Langsung saja kita masuk ke menu utama yaitu Cara Membuat Fanspage Facebook Melayang Di Blog Terbaru. Caranya mudah banget, intinya Anda harus mengikuti cara ini dengan benar tidak ada satupun step terlewati.

Cara Membuat Lika Fan Page Facebook Di Blogger Secara Float :

1. Masuk ke blog kalian dan pilih layout, lalu ADD GADGET




2. Kemudian klik tombol tambah pada HTML/Javascript



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

<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(http://3.bp.blogspot.com/-NRmqfyLwBHY/T4nwHOrPSzI/AAAAAAAAAdQ/8b9O7O1q3c8/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/InspiringStory&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>
<center>
<span id="linkit"><a href="http://safelinku.net/xuNG6mMnv9">Get This Widget</a></span></center>
</div>
</div>

#Ganti tulisan warna merah dengan alamat fanspage facebook sobat

Jika sudah sobat bisa langsung klik Simpan..


4. SIMPAN SETELAN

YOU ARE DONE !


Bagaimana, bisa teman-teman? Untuk hasilnya kira-kira akan seperti ini


Demikian cara menambahkan fanpage FB melayang di blogger, semoga membantu, jika ada yang tidak berhasil silahkan komentar karena template blog kalian juga mempengaruhi keberhasilan dari penambahan Gadget.

Silahkan dicoba

0 Response to "Cara Membuat Fanspage Facebook Melayang Di Blog Terbaru"

Posting Komentar

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel