Cum adaug fereastra de Facebook Like si share pe blog

Daca aveti un blog pe platforma blogger si doriti sa se deschida instantaneu o cauta cu like si share catre adresa de facebook, iata ce trebuie sa faceti:

1. Duceti-va la tabloul de bord blogger
2. Selectati Layout si faceti clic pe Adaugati un obiect Gadget
3. Selectati HTML / JavaScript
4. Inserati codul de mai jos dar fara sa puneti nici un titlu pe widget:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>

<script src='http://aireshalili.github.io/internetsmash/facebook-popup-box.js' type='text/javascript'></script>

<div id="fb-root"></div>

<script>(function(d, s, id) {

var js, fjs = d.getElementsByTagName(s)[0];

if (d.getElementById(id)) return;

js = d.createElement(s); js.id = id;

js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&appId=124246297655999&version=v2.3";

fjs.parentNode.insertBefore(js, fjs);

}(document, 'script', 'facebook-jssdk'));</script>

<style>

#fb-box-background {display: none;background: rgba(0, 0, 0, 0.8);width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 99999;}

#fb-box-close {width: 100%;height: 100%;}

#fb-box {background: #eaeaea;border: 2px solid #3A3A3A;-webkit-border-radius: 5px;-moz-border-radius: 5px;padding: 4px 10px 4px 10px;border-radius: 5px;position:absolute;top: 40%;left: 40%;margin-top: -50px;margin-left: -50px;}

#fclose-button {position: absolute;top: -10px;right: -10px;background: #fff;font: bold 16px Arial, Sans-Serif;text-decoration: none;line-height: 22px;width: 22px;

text-align: center;color: #000000;border: 2px solid #2F2F2F;-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.4);-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.4);

box-shadow: 0px 1px 2px rgba(0,0,0,0.4);-webkit-border-radius: 22px;-moz-border-radius: 22px;border-radius: 25px;cursor: pointer;}

#fclose-button:before {content: "X";}

#Poweredby,#Poweredby a.visited,#Poweredby a,#Poweredby a:hover {color: #aaaaaa;font-size: 9px;text-decoration: none;text-align: center;padding: 5px;}

#follow-us{font-size: 1.7em;color: #010069;}

</style>

<script type='text/javascript'>

jQuery(document).ready(function($){

if($.cookie('popup_facebook_box') != 'yes'){

$('#fb-box-background').delay(15000).fadeIn('medium');

$('#fclose-button, #fb-box-close').click(function(){

$('#fb-box-background').stop().fadeOut('medium');

});

}

$.cookie('popup_facebook_box', 'yes', { path: '/', expires: 10 });

});

</script>

<div id='fb-box-background'>

<div id='fb-box-close'>

</div>

<div id='fb-box'>

<div id="follow-us">Follow us on Facebook</div>

<div id='fclose-button'>

</div>

<div class="fb-page" data-href="https://www.facebook.com/Pagina-de-Folos-373643116094371" rel="nofollow" data-width="400" data-height="400" data-hide-cover="false" data-show-facepile="true" data-show-posts="false"></div>

<div id="Poweredby">Powered by: <a style="padding-left: 0px;" href="http://www.internetsmash.com" rel="nofollow">Internetsmash</a></div>

</div>

</div>

5. Inlocuiti linkul catre pagina de facebook marcat cu verde cu linkul catre pagina dumneavoastra de facebook

Ce mai trebuie sa stiti?

a. Cifra cu rosu arata cate secunde va sta deschisa fereastra. Ea este setata sa stea deschisa 15 secunde: 15000 = 15 secunde. 1000 = 1 secunda. Puteti insa schimba durata. Casuta va aparea dupa ce blogul s-a terminat de incarcat. Odata intrat pe pagina, casuta nu va mai aparea timp de 10 zile.

b. Daca doriti sa se deschida aceasta fereastra de fiecare data cand cineva intra pe o pagina a blogului, atunci va trebui sa inlocuiti cifra 10 de mai sus marcata cu albastru cu alta cifra. Aceasta cifra arata peste cate zile doriti sa reapara fereastra. Daca doriti sa reapara mereu, puteti inlocui 10 cu 0.