Mega PopUp para oferecer E-book em troca de curtir a fan page para Blogger

Empresa Kls | 19:36 | 0 comentários

Olá blogueiros. Recentemente, nós lançamos da Mega PopUp de oferecer E-book em troca de assinar Feed no Blogger, hoje, nós iremos lançar uma nova Mega PopUp, ela tem a mesma funcionalidade, que é oferecer o e-book em troca de algo, só que essa tem uma ligação com o Facebook e não com o feed. Aumentar o número de fans no Facebook é um desejo de todo blogueiros. Ter mais pessoas acompanhando seu conteúdo na maior rede social de todos os tempos é sensacional. Sempre existem novas formas de gerar mais fans, desde promoções, até conteúdos premium. Oferecer um e-book em troca .


Como instalar a Mega PopUp para Facebook em seu blog Blogger:

1º – Acesse o painel do seu blog e clique na guia modelo.
2º – Depois clique no botão 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, segure novamente as teclas 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: 720px;height: 400px;position: absolute;top: 50%;left: 50%;-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: -225px 0 0 -350px;}
#infomage {float: left;margin-left: 24px;margin-right: 10px;}
#infomage img {max-height: 385px;max-width: 200px;}
#boxer-left {float: left;height: 400px;width: 480px;overflow: hidden;}
#fanclose {float: right;cursor: pointer;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhO21vNiwC1P3iFq1fpZZ2JkIYWFNcziIVDitIfpxhxNIEZB9r6Sk5yKSK035VJ0eMOPVDj-FabaQBfLpHY_shRdlCEi3ejjQMtrZKU_7tJwQjvZLI8d-9Kkwd_0-DDIbRMDatvKGjj3_JZ/s1600/fanclose.png) repeat;height: 15px;padding: 20px;position: relative;padding-right: 40px;margin-top: -20px;margin-right: -22px;}
.boxertoptitle {color: #525252;font-weight: bold;font-family: Arial,sans-serif;font-size: 24px;text-align: left;margin-top: 5px;line-height: 26px;}
.boxertoptitle span {color: #8C171A;font-size: 27px;}
#caixacurtir {width: 420px;height: 50px;background: -moz-linear-gradient(top, #EDEDED 0%, #E2E2E2 100%);background: -webkit-linear-gradient(top, #EDEDED 0%,#E2E2E2 100%);border: 1px solid #C5C5C5;-webkit-border-radius: 7px;border-radius: 7px;background: #F2F2F2;background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F2F2F2), color-stop(100%,#EAEAEA));filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#eaeaea',GradientType=0 );padding: 10px;}
#baixarbook {background: #A02023;background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#A02023), color-stop(100%,#8C171A));filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a02023', endColorstr='#8c171a',GradientType=0 );border: 1px solid #8B1114;padding: 9px;color: white;font-weight: bold;-webkit-border-radius: 3px;border-radius: 3px;cursor: pointer;text-shadow: 1px 1px 0 #8B1114;font-family: Arial, sans-serif;font-size: 22px;margin-top: 1px;display: block;width: 155px;}
#baixarbook:hover {background: #941A1D;text-decoration: none;text-align: center;}
#baixarbook:active {background: #A4272A;}
#descriptionboxer {margin-top: 10px;padding-bottom: 15px;width: 442px;text-align: justify;font-family: Arial,sans-serif;font-size: 14px;line-height: 19px;color: #444;height: 150px;min-height: 150px;max-height: 150px;}
#descriptionboxer strong {color: #8C171A;}
.septionfan {color: #444;font-size: 15px;font-family: Arial,sans-serif;font-weight: bold;text-transform: uppercase;float: left;width: 210px;}
.btnfan {width: 60px;overflow: hidden;float: left;margin-top: 3px;}
.septionbook {float: left;border-left: 1px solid #CCC;padding-left: 17px;margin-left: 14px;}
.septionfan div {font-size: 12px;color: #941A1D;padding-top: 0px;display: block;margin-left: 5px;float: left;line-height: 10px;}
.septionfan div strong {font-size: 38px;padding-top: 6px;float: left;}
.septionfan span {line-height: 29px;padding-left: 5px;}
7º – E, pela última vez, 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'/>
<div id='infomage'>
<img src='IMAGEM-DO-EBOOK'/>
</div>
<div id='boxer-left'>
<div class='boxertoptitle'>Curta nosso blog no Facebook e <br/>baixe um E-book <span>Gratuitamente</span>!</div>
<div id='descriptionboxer'>
<p>PRIMEIRO PARÁGRAFO DE DESCRIÇÃO!</p>
<p>SEGUNDO PARÁGRAFO DE DESCRIÇÃO!</p>
</div>
<div id='caixacurtir'>
<div class='septionfan'>
Curta-nos no Facebook!
<div class='btnfan'>
<iframe allowTransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/like.php?href=ENDEREÇO DA SUA FAN PAGE&amp;send=false&amp;layout=standard&amp;width=450&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=35&amp;appId=228657373907484' style='border:none; overflow:hidden; width:450px; height:35px;'/>
</div><div><strong>‹</strong><span>Curta também!</span></div></div>
<div class='septionbook'><a href='ENDEREÇO DO APLICATIVO PARA BAIXAR O E-BOOK!' id='baixarbook' target='_blank' rel='nofollow'>Baixar E-book</a></div></div>
</div></div></div>
  • Atenção: Lembre-se de alterar o campo negritado em vermelho pelo endereço (com http://) da imagem do seu e-book hospedada.
  • Atenção: Lembre-se de alterar os dois campos negritados em laranja pelo primeiro e segundo parágrafo de descrição do e-book, respectivamente.
  • Atenção: Lembre-se de alterar o campo negritado em verde pelo endereço da sua fan page. Exemplo: http://facebook.com/BCF.OFICIAL
  • Atenção: Lembre-se de alterar o campo negritado em azul pelo endereço do aplicativo static html. Esse endereço é gerado quando você instala o Static HTML, 
9º – E, finalmente, clique em Salvar Modelo!

PUBLICIDADE


-->

Category:

0 comentários

- Todos os comentários são moderados e só ficarão disponíveis após serem aprovados.
- Não coloque o link do seu blog dentro do comentário, pois ele não será aceito.
- Favor respeitar o próximo, não faça com os outros o que não quer para você.
- Não serão mais aceitos comentários anônimos.
- Contatos pessoais, devem ser feitos na página de contato.
- Não deixe links desnecessários nos comentários.
- É expressamente proibido qualquer comentário no qual contenha palavrões por favor tenha respeito.

Obrigado e ótimos comentarios

Related Posts Plugin for WordPress, Blogger...
Empreenda Brasil Online © 2012 | Traduzido Por: