.

domingo

Mini Pop Up de Curtir a Fan Page No Facebook - Atualizada

ACESSOS:
AQUI


É sempre bom ter uma popup no blogger pois o visitante logo de cara pode já estar curtindo sua página no facebook. Não é verdade?
Para colocá-la no blogger, siga os passos abaixo:

                                                      

1 - Vá ao seu painel do blog e clique no modelo.
2 - Em seguida, clique em Editar HTML
3 - Segure as teclas CTRL + F e procure por:

</head> 
4 - E, acima dele, cole o seguinte código:
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js?ver=3.3.1' type='text/javascript'/> <script src='http://dl.dropbox.com/u/73386157/codigos/minipopup/jquery.cookie.js' type='text/javascript'/> <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> 
5 - Em seguida, novamente segure o CTRL + F e procure por: 
]]></b:skin>
6 - E, ACIMA dele, cole o seguinte código: 
#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%;-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/8b9O7O1q3c8/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;}
7 - E, por último, segure as teclas CTRL + F e procure por: 
</body>
8 - E ABAIXO dele cole o seguinte código: 
<div id='fanback'><div id='fan-exit'/><div id='fanbox'><div id='fanclose'/><div class='remove-borda'/> <iframe src="//www.facebook.com/plugins/likebox.php?href= http://facebook.com/Nome_da_sua_fanpage&amp;width=402&amp;height=255&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23E2E2E2&amp;stream=false&amp;header=false&amp;appId=329902783740649" scrolling="no" frameborder="0" style="border: none; overflow: hidden; margin-top: -19px; width: 402px; height: 230px;" allowTransparency="true"></iframe> </div></div>
Modifique no código colocando o nome da sua fan page no facebook. Ok!
9 - Tendo feita a modificação, salve.