Gostou do blog ? então curta nossa página no Facebook:

widget feed via e-mail personalizado

Este widget que mostra quantos assinantes feed seu blog tem e ainda uma caixa autolimpante para se escrever e receber notícias via e-mail e ainda mais se alguém se incomodar com a presença deste widget basta clicar no “x” para fecha-la. Me “espelhei” em alguns códigos do Códigosblogs e do Usuário Compulsivo para fazer esse widget.



Para adicionar este widget basta ir em Layout e clicar em Adicionar um gadget e selecionar a opção HTML/Java Script e cole o seguinte código com suas devidas alterações:

<script type='text/javascript'>
<!--
function toggle(obj) {
var el = document.getElementById(obj);
if ( el.style.display != "none" ) {
el.style.display = 'none';
}
else {
el.style.display = 'none';
} }
function clickclear(thisfield, defaulttext) {
if (thisfield.value == defaulttext) {
thisfield.value = "";
} }
function clickrecall(thisfield, defaulttext) {
if (thisfield.value == "") {
thisfield.value = defaulttext;
} }
-->
</script> 


<style type= "text/css" >
<!--
#maisinfo {
background:url(Url da imagem de fundo) no-repeat;
padding-bottom:15px;
width:100%;
display: block;
border:1px solid #B6AFA9;
-moz-border-radius: 15px 15px 15px 15px;
-webkit-border-radius:15px 15px 15px 15px;
}
#fechar {
float: right;
padding-right:10px;
padding-top:5px;
}
.assinantes {
text-align: center;
}
-->
</style> 
<div id= "maisinfo"> <div id= "fechar"> <a onclick="toggle('maisinfo');" href="#"><img border="0"alt="x"src="http://lh4.ggpht.com/_UCfxgWHzU98/S21DcwKbx9I/AAAAAAAAByU/XVXEvhvu7rA/closeicon.gif"/></a> 
</div><p><div class="assinantes"><a> <script language='javascript' type='text/javascript' src='http://www.codigosblog.net/servidor/contadorfeed.php
?uri=Nome do Seu Feed'></script><font size="3" face="Microsoft Sans Serif" class="assinantes"> assinantes,seja mais um!</font></a></div> 
<form action=http://feedburner.google.com/fb/a/mailverify?uri=Nome do seu feed target="_blank" method="post"><div align="center"><input name="email" type="text" id="email" style="background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-sc351A-uytqGrtw7vsB1dAUXAeZzVw-83ASdBzReZ8NuFJd8hCpIJyhWAHcyCshGszC8L1gGGbekl9oyVBBPTy_544oet09N6irGZ5xsFBF72Ke4dMfH1snnXuZV_rBThxwuEyDhQh34/);background-position:2px 1px;background-repeat:no-repeat;padding-left:20px;border:1px solid #999999;-moz-border-radius:15px 15px 15px 15px;-webkit-border-radius:15px 15px 15px 15px;padding-right:7px;padding-bottom:3px;padding-top:0px; color:#006699" onclick="clickclear(this, 'seu email aqui...')" value="seu email aqui..." onblur="clickrecall(this,'seu email aqui...')" size="40"/> 
<input value="Enviar" name="Submit" type="submit"/> 
<input value=http://feedburner.google.com/fb/a/mailverify?uri=Nome do seu feed name="uri" type="hidden"/> 
<input value="Explicação da Net"name="title" type="hidden"/> 
<input value="pt_BR" name="loc" type="hidden"/> 
</div></form> </p><div style="float:right;padding-right:10px;"><font face='verdana' size='1'> <a href='http://reidobloguinho.blogspot.com/' style='color:#cccccc'>Widget by EN</a> - <a href=''http://reidobloguinho.blogspot.com/2010/03/widget-feed-via-e-mail-personalizado.html'>instalar este gadget</a> </font></div></div>

click em salvar

substitua:
Nome do seu feed pelo nome do feed do seu blog.
size="40" pode ser alterado o valor de 40 para mudar o tamanho da barra onde se coloca o email.


não retire os créditos 

0 comentários:

© 2010 | Rei do Bloguinho |Todos os direitos reservados
topo ↑