Membuat widget Facebook fanspage keren dengan Effect Lightbox

hallo sobat, hari ini gua bakal ngepost trik membuat widget facebook fanspage keren dengan effect lightbox . buat lu yang penasaran, silahkan kunjungi link demo dibawah ini. .
facebook adalah media social yang digunakan buat shareing pengalaman, kegiatan hingga kebiasaan"an orang, ga banyak juga facebook disalah gunakan sebagai media buat penipuan dan aksi crime lainnya . nah gamungkin setiap orang penjelajah internet belum mempunyai akun facebook, gua sendiri udah punya akun facebook dari pas gua kelas 5 sd. waktu itu gua dibuatin akun facebook sama kakak gua .. skarang buat lu yang belum punya akun facebook silahkan daftar gratis ga bayar. . :d
cia elah gua malah promosi . haha .

Demo

sebelm gua kasih tutorial ini gua mau kasih tau dulu keuntungan lu menggunakan widget ini.
yaitu lebih terlihat professional, orang yang like fanspage lu bakal terus berdatangan.
dan kerugiannya yaitu:
kecepatan loading blog terganggu,dan tak sikit vistor yang jengkel dengan menu Popup yang terus menerus keluar ..
jadi kalo lu mau memasang widget ini di blog lu . gua saran pikirin mateng" dulu . .

lanjut ke tutorial sekarang .,
seperti biasa login dulu ke akun blogger lu.,

Langkah Pertama "Menyalin Script"

// 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=http://www.facebook.com/gno.xela&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>

Langkah Kedua "Memasang widget ke blog"
pilih menu Layout / Tata Letak -> Add Widget -> html/javascript
lalu pastekan kode yang lu salin tadi ., :d

Pringaten!
Blog ini dilindungi hak cipta, penulis memberikan keluasan bagi blogger lain untuk menyalin artikel ini dengan syarat menyertakan sumber!

CoffeeBreak [ON BLOGGER!]

Membuat widget Facebook fanspage keren dengan Effect Lightbox

Author: Unknown

Related Posts