Bom dia a todos, faz tempo que eu não recomendo nada para vos ajudar a aumentar os vossos subscritores do feedburner, por isso mesmo hoje decidi colocar aqui uma dica preciosa para aumentar a sua lista de e-mails drasticamente, um Poup-up!

Para além da subscrição por e-mail o Poup-up também vai ter a opção de curtir a página do facebook, do Google+ e do Twitter, o que é uma mais valia.

  • Gadget Marcadores Personalizados Para Bloguer
  • Como Colocar o Pássaro do Twitter a Voar Pelo Blog
  • Como colcoar botões das redes sociais na vertical no blogger

Sei que muitos de vocês podem pensar que não devemos usar a Poup-up porque ela é invasiva e pode afetar o leitor do blog mas, vai ser uma ferramenta que nos vai ajudar no desenvolvimento do blog, e para além disso o Poup-up só aparece uma vez a cada visitante e só reaparece depois de ele limpar todo o histórico  logo se o visitante quiser assinar o feed via e-mail assina mas se não quiser basta clicar na “cruz” para fechar. Não dá trabalho nenhum!
Vamos passar à implementação da Poup-up:

  1. Vá ao blogger e acessem ao HTML/JavaScript do mesmo e cliquem em “expandir modelos de widgets“

Clique “CTRL+F” e procurem pela tag: “]]>” e acima dela colem o seguinte código: 

  • /* jQuery Pop-Up Subscription with Social Badges by abctrick.net */ @import url(http://dl.dropbox.com/u/64097534/Colorbox/colorbox.css); #subscribe { font: 12px/1.2 Arial, Helvetica, sans-serif; } #subscribe a, #subscribe a:hover, #subscribe a:visited { text-decoration:none; } .popup-title { color: #2C2D31; font-size: 20px; font-weight: bold; font-family: Calibri, sans-serif; margin: 10px 0; text-align: center; } .popup-tagline { color: #999; font-size: 18px; font-family: Calibri, sans-serif; font-weight: normal; margin: 0; text-align: center; } #subs-container { padding: 35px 0 30px 0; position: relative; } .popup-side { width: 170px; text-align: center; } .popup-side.left { padding: 0 30px 0 15px; border-right: 1px solid #ecedf3; } .popup-side.right1 { float: right; margin-top: -200px; margin-right: 10px; } .popup-icon { width: 72px; height: 54px; padding: 6px 0 0 0; margin: 0 auto; } .popup-icon a.rss { display: block; width: 70px; height: 56px; margin: 0 auto; } .popup-icon a { display: block; width: 72px; height: 54px; } .popup-icon a.email img, .popup-icon a.rss img { margin: -5px 0 0; border: 0 none; } .popup-side h4, .popup-side h4 a { font-size: 14px; line-height: 17px; font-family: Calibri, sans-serif; color: #f26535; font-weight: bold; } .popup-side h4 { margin: 20px 0 10px 0; } .popup-side h5 { font-size: 13px; font-family: Calibri, sans-serif; font-weight: normal; color: #5e6066; line-height: 18px; margin: 0 0 20px 0; } a.sub { background: url(“http://2.bp.blogspot.com/-QDKp2tYdFy4/Tv8_gWa0uyI/AAAAAAAAFaE/jmuDxRPURKc/s1600/subscribe-button.jpg”) no-repeat scroll 0 0 transparent; color: #996633; display: block; height: 44px; line-height: 29px; margin: 0 auto; text-indent: -999em; width: 130px; } .popup-side h4 a:hover { color: #f26535; } #popup-or { background: #fff; font-size: 12px; font-weight: bold; height: 25px; line-height: 25px; margin: -115px 0 0 208px; position: absolute; width: 20px; } a:link, a:visited { border:none; } .demo { display:none; } #emailpopup { padding-top : 20px; margin: 0 auto; } #emailboxpopup { background:url(http://3.bp.blogspot.com/-SoB4RN7Bchk/TZ1ouay9q0I/AAAAAAAAAlE/dkyZEzF2HIw/s28/w2b-mail.png) no-repeat scroll 4px center transparent; padding:7px 15px 7px 35px; width:120px !important; color:#444; font-family : Calibri, sans-serif; font-weight : normal; font-style : italic; font-size:12px; text-decoration : none; border : 1px solid #d3d3d3 !important; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 1px 1px 2px #CCC inset; -webkit-box-shadow: 1px 1px 2px #CCC inset; box-shadow: 1px 1px 2px #CCC inset; }



De seguida procure pela tag “” e acima dela colem o seguinte código:



Por último de “CTRL+F” outra vez e procure pela tag “ ” e antes dela colem o seguinte código: