Feed Flutuante

Agora mãos a obra..Primeiro de tudo é um processo simples e rápido e não vai exigir muito conhecimentos sobre HTML ou mexer no template do blogger.

1) Logue em sua conta FeedBunner. Ao acessar sua conta, escolha o Feed do Blog para o qual você irá escolher. Logo após clique para abrir a tela:

2) Feito isso na tela irá aparecer vários botões, clique em publicar, botão Email Subscriptions e vai aparecer a tela conforme abaixo:

3)Passo: Preste atenção porque isto é muito importante. Feito e isso no botão Language mude para o idioma Português.
4) Passo: após mudar o idioma para Português você terá que copiar o link de sua feed que encontra-se no combo Preview Subscription Link…  você irá copiar da forma que esta na imagem abaixo:
5) passo:Após ter feito este procedimento pegue o código abaixo:

-------------------------------------------------------------------------------------------------------------

<style type="text/css">
#topbar
{   
PADDING-TOP: 5px;
PADDING-BOTTOM: 5px;
PADDING-RIGHT: 5px; 
PADDING-LEFT: 5px;
VISIBILITY: hidden;
BORDER-TOP: black 1px solid;
BORDER-BOTTOM: black 1px solid;
BORDER-RIGHT: black 1px solid;
BORDER-LEFT: black 1px solid;
WIDTH: 350px;
FONT-FAMILY: Tahoma;
POSITION: absolute;
BACKGROUND-COLOR: white
}
</style>


<script type="text/javascript">
var persistclose = 1
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">


<table width="100%">


<tr>
<td width="100%">










<a target="_blank" href="URL DO SEU FEED" onclick="javascript:urchinTracker('/outbound/feedburner.google.com/fb/a/mailverify?uri=Facildebaixarcom');">


<img border="0" vspace="4" align="left" title="Clique aqui para assinar agora e receba em seu email aplicativos testados e livre de virus!" height="48" src="http://img822.imageshack.us/img822/4213/rss1x.png" hspace="4" width="48"/></a>  
Fique Sempre Atualizado ! Cadastre-se:  E Receba as Novidades do Site em seu e-mail.<form id="subscribe" action="URL DO SEU FEED" target="popupwindow" method="post" onsubmit="window.open('URL DO SEU FEED', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
          <input id="subbox" onfocus="if (this.value == 'Digite seu e-mail...') {this.value = '';}" value="Digite seu e-mail..." name="email" onblur="if (this.value == '') {this.value = 'Digite seu e-mail...';}" size="26" type="text"/><input value="dgemg" name="uri" type="hidden"/><input value="pt_BR" name="loc" type="hidden"/><input id="subbutton" input class="button primary" value="Assinar" type="submit"/></form>
</td><td width="1%"><a href="javascript:closebar();">
<img border="0" style="float: left" width="16" src="http://img109.imageshack.us/img109/9821/51297278.png" height="16" title="Fechar janela"/></a>
</td>
</tr>
<tr><td>
<br/>


</td></tr>


</table></div>

--------------------------------------------------------------------------------------------------------------------

6) passo: Ao abrir o arquivo em Bloco de Notas você terá que procurar pelo texto SEU FEED e substituir o texto pelo link de seu feedbunner copiado no passo 4. Vou dar um exemplo. O código feed de novo blog é http://feedburner.google.com/fb/a/mailverify?uri=celularesnaweb&amp;loc=pt_BR, ao abrir o texto no blog de notas vou procurar a palavra SEU FEED e substituo pelo link http://feedburner.google.com/fb/a/mailverify?uri=GabrielzitoDownloads&amp;loc=pt_BR (feed do meu blog)


7) Passo: feito isto agora iremos adicionar uma GadGet no template do blogger. Após isso clique em HTML/JavaScript Adicionar e adicione o código do seu bloco de notas já substituido pelo feed de seu blog.
Feito isso agora é só salvar as alterações e conferir como ficou. Conforme imagem o banner vai aparecer desta forma em sua HomePage:

Espero que tenham gostado do tutorial.