CARA MEMASANG FANSPAGE MELAYANG PADA BLOG

Assalamualaikum teman-teman. Bagaimana kabarnya? Alhamdulillah pasti luar biasa bukan? Pada kesempatan kali ini saya akan membagikan cara memasang fanspage facebook melayang pada blog. Tak lupa saya ucapkan terima kasih kepada teman-teman karena telah berkenan mengunjungi blog sederhana ini.

Bagi kalian blogger pemula pastinya pengen donk ngehias blog kalian dengan tampilan fanspage saat ada pengunjung yang datang di blog kalian. Cara seperti ini juga efektif untuk menaikkan follower pada fanspage kalian. Apalagi sekarang kalian bisa memonetisasi fanspage kalian dengan syarat followers fanspage minimal 10.000 followers. Nah cara memasang fanspage di blog ini sangat efektif ya untuk menaikkan followers fanspage. Selain itu, memasang fanspage di blog ini juga bisa membuat pengunjung blog semakin percaya dengan blog kalian. Yuk langsung aja ya kita masuk pada pembahasan, yaitu cara memasang fanspage melayang pada blog.

CARA MEMASANG FANSPAGE MELAYANG PADA BLOG:

1. Login pada akun blogger kalian.

2. Pilih "TATA LETAK".

3. Pilih "+ TAMBAHKAN GADGET" pada sidebar.

4. Klik tanda "+" pada pilihan HTML/JAVA SCRIPT

5. Muncul kolom "Konfigurasi HTML/JAVASCRIPT", Isi judul sesuai dengan selera teman-teman.

6. Isi kolom "konten" dengan mengcopy kode HTML di bawah ini ya.

<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/AVvXsEit2OQd6Wb69M0aar52cA0xR657mIV1Ad5ddy0bPiF5s39XLBrCU9ETOq_r04jhv2Ga9i_IMonjvmhgwjyWnxxKSidxZagS5YTaDlYbHWBj4tFoBy4shgzgGTXwLpt3lfPV8Y-7u21kiTRU/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/sheptyiecha27&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="https://goo.gl/1hk8xa">Get This Widget</a></span></center>

</div>

</div>

Untuk kode yang berwarna merah silahkan kalian isi dengan alamat fanspage kalian ya. Karena kode HTML di atas tidak bisa dicopy paste maka teman-teman bisa mendownload kode HTMLnya di bawah ini ya.

DOWNLOAD KODE HTML

7. Klik "Simpan"

8. Kalian akan di bawa menuju halaman TATA LETAK. Nah agar kode html kalian tersimpan maka kalian harus klik gambar DISKET "tanda save" pada bagian bawah ya.

9. Selamat! Fanspage facebook telah terpasang pada blog kalian. 

Untuk bisa melihat apakah sudah terpasang atau belum kalian bisa klik "LIHAT BLOG". Jika sudah muncul fanspage pada blog berarti kalian telah berhasil.

Bagaimana teman-teman? Mudah bukan? Jangan lupa ya untuk like, komen, share, dan subscribe channel youtube "SHEPTY IECHA" dan like FP "Belajar Flanel dan Kerajinan By Shepty IeCha". Selamat mencoba. Semoga bermanfaat. Terima Kasih. Wassalamualaikum. :-)