1º Faça login na sua conta blogge
2º Vai em editar HTML do seu template
- 3º Com CTRL + F procure por: </head>
- 4º Acima dessa tag adicione o código abaixo
<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º Novamente com CTRL + F procure por: ]]></b:skin>
- 6º Acima dessa tag adicione o código abaixo:
#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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeRTEyUj8uSU6zuiH0yhWZXwqeOh6bbmWP1EMCEA_49WMnOH7rveeHRTIWeUVuMm_vR1sWyUQI5oNdazhhjnjbZYI1u2SDLNhliG56GRQEPfqFqWSpN8lwy8T5gUprqSCqg099jhmbydB9/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º Pela última vez com CTRL + F procure por: <body>
- 8º Acima dessa tag adicione o código abaixo:
<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=ENDEREÇO DA SUA FAN PAGE AQUI&width=402&height=255&colorscheme=light&show_faces=true&border_color=%23E2E2E2&stream=false&header=false&appId=329902783740649" scrolling="no" frameborder="0" style="border: none; overflow: hidden; margin-top: -19px; width: 402px; height: 230px;" allowTransparency="true"></iframe>
</div></div>
9º Salve e Pronto!
OBS: Não esqueça de fazer a modificação no passo 8º onde está marcado de vermelho, é aonde você vai colocar o endereço de sua fan page
Gostou? Comente e Vire Um Seguidor!!
Nenhum comentário:
Postar um comentário