Pop up Facebook (like box widget) blog Bogger

Sunt mulţi aceia care spun că Facebook te poate ajuta să îţi măreşti numărul de vizite pe site/blog însă sunt puţin aceia care îţi spun cum să faci să obţii mai multe like-uri pentru pagina ta de facebook pe care o ai inserată în site/blog. Am scris două articole despre cum îţi creezi o pagină de facebook pentru site-ul tău şi un al doilea despre cum pui această pagina (plug-in social media) pe site, le puteţi citi tastând în căsuţa de căutare cuvântul ,,Facebook". Astăzi voi scrie despre...

Cum faci să câştigi mai multe like-uri pentru pagină ta de facebook?
  Să spunem că ai un blog ca acesta şi vrei să ai o pagină de facebook mult mai populată decât o ai până acum. Soluţia este cea aplicată de mine pe aceasta pagină, crearea unui script html (like box widget), care să aibă ca rezultat ori de câte ori un vizitator nou îţi accesează pagină Web va apărea o fereastră în care este rugat să dea un like. Eu am ales varianta non agresivă (care să nu oblige la acel like, putându-se sari foarte uşor peste acea fereastră cu un simplu click, oriunde în pagină) consider ca o fereastră like box agresivă (care să oblige şi să condiţioneze vizionarea pagini) ar putea alunga vizitatori.
Cum introduci (like box widget) ca mesaj de întâmpinare? 

Este foarte simplu. 

  Copiaţi scriptul pe care îl voi lăsa mai jos şi introduceţi-l ca un nou gadget (intraţi în panoul de control al blog-ului dvs. Blogger - Aspect - Adăugaţi un nou gadget - alegeţi din lista HTML/Java Script şi aici lipiţi codul copiat de mai jos - Salvaţi - Salvaţi aranjarea.

<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/8b9
O7O1q3c8/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/peintelesultuturor?ref=hl&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>

ATENȚIE Înlocuiţi https://www.facebook.com/peintelesultuturor?ref=hl cu url-ul pagini dvs. de facebook (la care doriţi să primiţi like-uri şi pe care o aveţi introdusă pe site).
 

Aştept comentarii !