Caixa de curtir que aparece ao sair do blog

Views:
Código Javascript
(antes de </head>)

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script src="https://dl.dropboxusercontent.com/u/32613589/ouibouncebyelainegaspareto.js"></script>



Código CSS
(antes de ]]></b:skin>)

/*Começo do código*/
#ccexitpop{
font-family:Arial, Geneva, sans-serif; /*TIPO DE FONTE*/
display:none;
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
}
#ccexitpop .overlay{
width:100%;
height:100%;
position:absolute;
top:0;left:0;
background:#000; /*COR DE FUNDO*/
opacity:0.7;
z-index:99998;
}
#ccexitpop .popbox{
z-index:99999;
border-bottom:5px solid #000; /*COR DA BORDA INFERIOR*/
color:#333; /*COR DA FONTE*/
width:340px;
height:378px;
background:#fafafa; /*COR DE FUNDO DA CAIXA*/
position:absolute;
margin:auto;
top:0;
right:0;
bottom:0;
left:0;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
-o-border-radius:4px;
}
#ccexitpop .popbox-title{
background:#000; /*COR DA BORDA SUPERIOR*/
color:#fff; /*COR DA FONTE DO TÍTULO*/
padding:10px;
margin:0;
border-radius:4px 4px 0 0;
text-align:center}
#ccexitpop h2{
color:#fff;
font: 15px arial, sans serif;
margin:.2em;
text-transform:none;
font-weight:500}
#ccexitpop .popbox-body{padding:20px;padding-bottom:10px;font-size:12px;}
#ccexitpop .popbox-close{position:relative;text-align:center;width:30px;float:right;}
.fb-like{
background:#fff;
box-shadow: 0px 0px 6px #ccc;
-moz-box-shadow: 0px 0px 6px #ccc;-o-box-shadow: 0px 0px 6px #ccc;
-webkit-box-shadow: 0px 0px 6px #ccc;width:300px;}
.popbox-title img{width:20px;position:relative;top:4px;right:4px;border:0;}


Código HTML
(acima de </body>)

<!-- Começo do Código HTML -->
<div id="ccexitpop">
<div class="overlay"></div>
<div class="popbox">
<div class="popbox-title">
<h2><img src="http://2.bp.blogspot.com/-zoUX4edfJXc/VIdLsHEEY6I/AAAAAAAAJyc/zBZKMB-Pl8A/s1600/facebook-messenger-like.png" />Curta nossa fanpage!</h2>
</div><!--Title-->
<div class="popbox-body">
<div class="fb-like">
<!--Coloque o nome de sua fanpage no lugar do nome da minha-->
<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2FElaineGaspareto&amp;width&amp;height=258&amp;colorscheme=light&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=true&amp;appId=784784778251784" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:258px;" allowTransparency="true"></iframe>
</div><!--FB-->
</div><!--Body-->
</div><!--Popbox-->
</div><!--ccexitpop-->
<script>
var _ouibounce = ouibounce(document.getElementById('ccexitpop'), {
aggressive: true,
timer: 0,
callback: function() { console.log('ouibounce fired!'); }
});
$('body').on('click', function() {
$('#ccexitpop').hide();
});
$('#ccexitpop .popbox-close').on('click', function() {
$('#ccexitpop').hide();
});
$('#ccexitpop .popbox').on('click', function(e) {
e.stopPropagation();
});
</script>
<!--Final do Código HTML-->
Home Sobre mim Tutoriais Loja de templates Portfólio Fanpage