Cara pasang popup like FB pada blogspot

Berikut sedikit ilmu tentang Cara pasang popup like FB pada blogspot . Tadi saya coba pasang di iklangede.com dan hasilnya bisa, demo bisa langsung ke TKP gan copy paste aja di web browser sampean. popup like FB adalah semacam kotak yang berisikan like page account facebook anda, jadi setelah readers anda membuka blog , maka kotak like FB ini akan muncul paling duluan, jadi tidak ada yang bisa dilakukan oleh readers kecuali dengan terpaksa me like blog anda, he he he...

Tips ini saya dapatkan dari helpblogger.blogspot.com, punya bule kayaknya, dan pasti.... karena bahasa inggris... he he.

Cara pasang popup like FB pada blogspot

Banyak saya lihat beberapa master blogger, menggunakan trik ini untuk mendapatkan link back dari Sosial media, sekarang ini banyak sekali sosial media yang beredar , berikut ini beberapa sosial media yang saya ketahui :

Facebook
Twitter
Pinterest
linkedn
tagged
myspace
Stumbleupon
Digg
tumblr
Dan masih banyak lainnya

Tapi untuk artikel kali ini saya hanya fokus bagaiman cara pasang popup like facebook pada blogspot :

Gede Blog

Masuk ke account blogger anda blogspot dashboard , setelah itu click "layout" selanjutnya click "add a gadget" Pilih "HTML/Javascript"
Setelelah itu copy paste code script di bawah ini :
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>
<style>
#fbox-background {
    display: none;
    background: rgba(0,0,0,0.8);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
}

#fbox-close {
    width: 100%;
    height: 100%;
}

#fbox-display {
    background: #eaeaea;
    border: 5px solid #828282;
    width: 340px;
    height: 230px;
    position: absolute;
    top: 32%;
    left: 37%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#fbox-button {
    float: right;
    cursor: pointer;
    position: absolute;
    right: 0px;
    top: 0px;
}

#fbox-button:before {
    content: "CLOSE";
    padding: 5px 8px;
    background: #828282;
    color: #eaeaea;
    font-weight: bold;
    font-size: 10px;
    font-family: Tahoma;
}

#fbox-link,#fbox-link a.visited,#fbox-link a,#fbox-link a:hover {
    color: #aaaaaa;
    font-size: 9px;
    text-decoration: none;
    text-align: center;
    padding: 5px;
}
</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_facebook_box') != 'yes'){
$('#fbox-background').delay(5000).fadeIn('medium');
$('#fbox-button, #fbox-close').click(function(){
$('#fbox-background').stop().fadeOut('medium');
});
}
$.cookie('popup_facebook_box', 'yes', { path: '/', expires: 7 });
});
</script>
<div id='fbox-background'>
<div id='fbox-close'>
</div>
<div id='fbox-display'>
<div id='fbox-button'>
</div>
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?
href=https://www.facebook.com/pages/Helplogger/120574614736021&width=402&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false'
style='border: none; overflow: hidden; background: #fff; width: 339px; height: 200px;'></iframe>
<div id="fbox-link">Powered by <a style="padding-left: 0px;" href="http://www.bobhowitt.com/" rel="follow">Helplogger</a></div>
</div>
</div>
Rubah yang berwarna merah diatas menjadi Facebook page anda sendiri, link nya saja ya ...
klik save

SELESAI
Jika dalam penerapan Cara pasang popup like FB pada blogspot tersebut diatas gagal, atau tidak bisa beroperasi pada blog anda, silahkan tulis komplen pada komentara di bawah ini ya , agar saya bisa perbaiki segera ...

hendra Komentar