Abonați-vă pentru Noutăți!

'Promit să nu fac Plagiat.

18 feb. 2014

Pop up Facebook (like box widget) blog Bogger

facebook like ka viiztarea pagini
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 !

8 comentarii:

  1. Foarte interesant tutorialul, chiar eram interesat de un stfel de script.

    RăspundețiȘtergere
  2. Mă bucur că te-am putut ajuta şi sper eu încet, încet să ajute pe cât mai multe persoane acest blog (idea este să fie cunoscut)
    Dacă ai idei de noi tutoriale, dacă vrei să ştii ceva (pe subiectul acestui blog), te aştept cu mare plăcere.

    RăspundețiȘtergere
  3. in dashbordu-ul blogului meu nu gasesc la widgets adauga html/java script.. doar adauga de pe URL http:// ....

    RăspundețiȘtergere
    Răspunsuri
    1. ai putea sa ma ajuti?

      Ștergere
    2. Salut Anonim 30 decembrie
      Ce îmi spui tu este aproape imposibil, mai întâi trebuie să clarificăm un lucru Ai blog-ul în limba romană?
      Dacă da, urmează paşi din acest clip Urmareste Clipul  (sec 0.47 - 1.10) click Aspect - click Adăugaţi un obiect gadget (aici să ai bifată căsuţa elemente de bază)

      Ștergere
  4. Multumesc pentru script! este foarte bun websiteul tau! si de mare ajutor cu toate tutorialele pe care le postezi, Multumesc inca o data!

    RăspundețiȘtergere
  5. Salut.. am si eu o intrebare cum setez sa apara imediat cand intra cineva pe site? fan boxul apare dupa cateva secunde 3 - 4 sec ce trebe modificat in cod?

    RăspundețiȘtergere

Dacă acest articol ţi-a fost util, ți s-a părut interesant, sau ai sugestii de noi articole. Dacă crezi că poți aduce completări... TE ASTEPT!