top
top
top
top

Caixa De Feed Flutuante

Avaliação Do Conteúdo:
Descrição: Após Muitos Pedidos De Nossos Queridos Visitantes, Resolvi Postar Esse Tutorial Que Sua Função é Exibir Uma Caixinha De Feed Para O Visitante  Poder Assinar Colocando Seu E-Mail. Essa Caixinha Aparece Automaticamente Em Mais Ou Menos 10 Em 10 Minutos.
Vamos Para O Que Interessa! 

No Painel De Seu Blog Clique Em Design, Adicionar um Gadget, HTML JavaScript. No Conteúdo Do HTML JavaScript Coloque Esse Código:

<style type="text/css">


#topbar
{
PADDING-TOP: 5px;
MARGIN-TOP: 23px;
PADDING-RIGHT: 5px;
PADDING-LEFT: 0px;
MARGIN-RIGHT: -3px;
VISIBILITY: hidden;
WIDTH: 363px;
HEIGHT:131;
FONT-FAMILY: arial;
POSITION: absolute;
background:url(http://img89.imageshack.us/img89/8543/dagondesignsitemapgener.png) no-repeat;
}

</style>
<script type="text/javascript">
var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
var startX = 5 //set x offset of bar in pixels
var startY = 5 //set y offset of bar in pixels
var verticalpos="frombottom" //enter "fromtop" or "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" title="Fechar janela" rel="nofollow" src="http://i54.tinypic.com/214bgub.jpgg" style="float: right;margin-right:5px;margin-top:-1px;" /></a>
<img width="48" vspace="4" hspace="4" border="0" align="left" src="http://i56.tinypic.com/24e5ri0.jpg" title="Assine nosso Feed" style="margin-left:4px;" />
<center><font color="#000000"><b>Fique sempre atualizado! <br />Cadastre-se e receba nossos downloads em seu e-mail.</b> </font><form id="subscribe" action="http://feedburner.google.com/fb/a/mailverify?uri=Nome De Seu Feed" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=Nome De Seu Feed', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input type="text" value="Digite seu e-mail..." id="subbox" onfocus="if (this.value == &#39;Digite seu e-mail...&#39;) {this.value = &#39;&#39;;}" onblur="if (this.value == &#39;&#39;) {this.value = &#39;Digite seu e-mail...&#39;;}" name="email" size="26" /><input type="hidden" value="Nome Do Site!" name="uri" /><input type="hidden" name="loc" value="pt_BR" /><input class="Assinar2" type="submit" value="Assinar" /></form>

</center>

<span style="font-weight: bold; text-indent: -9999px;"><span style="visibility: hidden;"><center><p>Atenção: É Preciso Confirmar o Cadastro no E-mail.</p></center></span></span>
</div>

Troque: Nome De Seu Feed Que Está Em Vermelho Pelo Nome De Seu Feed. Após Isso Salve O Gadget(Não Coloque Nome Nesse Gadget, Deixe Em Branco!).

É Isso Valeu e Até A Próxima!


CientroLinux

0 comentários:

Postar um comentário