Colocar Pop-up assinar feeds

Colocar Pop-up assinar feeds

✪ Ver Comentários...

Vários leitores se mostraram interessados em colocar uma janela do tipo pop-up em seus blogs, com o objetivo de convidar os visitantes a assinarem os feeds. Na minha opinião, não gosto e sou contra, mas consegui encontrar um pop-up discretíssimo.

Trata-se de mais uma das artes da Clau, do Mundo Blogger. No script original da Clau, o pop-up aparece com um ícone preto. Fiz algumas modificações - com a autorização dela - e vou ensiná-los como colocar a janela pop-up em seus blogs.

Copie o código abaixo e cole no gadget “HTML/javascript” Antes de salvar , substitua (NOME DE SEU FEED)( que aparece 3 vezes), pela parte final do endereço do feed do blog.

Exemplo: http://feeds.feedburner.com/BLOGDICAQUENTE

A frase que aparece na janela pop-up pode ser modificada, respeitando o número de caracteres para não desconfigurar o gadget.

Atenção! Nos meus templates, o script só funcionou corretamente quando inserido no rodapé (lowerbar). Isso pode mudar de blog para blog, então façam testes, movendo o código dentro dos elementos de página do Blogger.<style type="text/css"> #topbar { padding: 5px 5px 5px 5px; visibility: hidden; border: black 1px solid; width: 340px; font-family: Tahoma; position: absolute; background-color: white } </style> <script type="text/javascript"> var persistclose = 0 var startX = 5 var startY = 5 var verticalpos = "frombottom" function iecompattest() { return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body } function get_cookie(Name) { var search = Name + "=" var returnvalue = ""; if (document.cookie.length > 0) { offset = document.cookie.indexOf(search) if (offset != -1) { offset += search.length end = document.cookie.indexOf(";", offset); if (end == -1) end = document.cookie.length; returnvalue=unescape(document.cookie.substring(offset, end)) } } return returnvalue; } function closebar() { if (persistclose) document.cookie="remainclosed=1" document.getElementById("topbar").style.visibility="hidden" } function staticbar() { barheight=document.getElementById("topbar").offsetHeight var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera; var d = document; function ml(id) { var el=d.getElementById(id); if (!persistclose || persistclose && get_cookie("remainclosed")=="") el.style.visibility="visible" if(d.layers)el.style=el; el.sP=function(x,y){this.style.right=x+"px";this.style.top=y+"px";}; el.x = startX; if (verticalpos=="fromtop") el.y = startY; else { el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight; el.y -= startY; } return el; } window.stayTopLeft=function() { if (verticalpos=="fromtop") { var pY = ns ? pageYOffset : iecompattest().scrollTop; ftlObj.y += (pY + startY - ftlObj.y)/8; } else { var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight; ftlObj.y += (pY - startY - ftlObj.y)/8; } ftlObj.sP(ftlObj.x, ftlObj.y); setTimeout("stayTopLeft()", 10); } ftlObj = ml("topbar"); stayTopLeft(); } if (window.addEventListener) window.addEventListener("load", staticbar, false) else if (window.attachEvent) window.attachEvent("onload", staticbar) else if (document.getElementById) window.onload=staticbar </script> <div id="topbar"> <a href="javascript:closebar();"><img border="0" style="float: right;" src="http://lh4.ggpht.com/_UCfxgWHzU98/S21DcwKbx9I/AAAAAAAAByU/XVXEvhvu7rA/closeicon.gif" rel="nofollow" title="Fechar janela" /></a> <a target="_blank" href="http://feeds.feedburner.com/nomedofeed"><img border="0" vspace="4" align="left" title="Assine nosso Feed" height="42" src="http://lh4.ggpht.com/_mcq01yDJ2uY/TTrS-VdEadI/AAAAAAAAERQ/PnKkAu8Mg5U/rss_2.png" hspace="4" width="48" /></a> <center> <font color="#000000"><b>Fique sempre atualizado!<br />Receba artigos por email!</b> </font><form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=nomedofeed', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' > <input name="email" style="WIDTH: 250px" /><input name="uri" type="hidden" value="nomedofeed" /><input name="loc" type="hidden" value="pt_BR" /><input type="submit" value="Assinar" /></form> </center> <div style="text-align: center;"> <span style="font-size: 65%; color: rgb(0, 0, 0); text-align: center;">Widget by Blogdicaquente<a target="_blank" href="http://blogdicaquente.blogspot.com/2013/04/pop-up-assine-os-feeds.html"><font color="#000000"> Instale este widget</font ></a> <br /> <div class='clear'> </div> </span ></div> </div>