Tutorial para crear cuadro de suscripción en Blogger

  • Autor Autor thejigg0695
  • Fecha de inicio Fecha de inicio
T

thejigg0695

Dseda
Redactor
logre uno identico, de todas formas gracias por su ayuda 😀

Hola forobetas nesesito de su ayuda 😀 estado buscando en google y hasta ahora no encontrado nada, bueno quisiera si me pudaran ayudar a crear un cuadro de suscripcion paresido al que esta en esta pagina, les agradeceria mucho si me pudieran pasar algun tutorial o decirme como lo puedo hacer :top:

Ejemplo Cuadro de Suscripcion:
2e2h2bq.jpg
 
Última edición:
Mmm, podrías editar el código que te da FeedBurner para la suscripción por email, o buscar algún theme que tenga la opción de suscripción por email con el código ya incluido.
Espero que te sirva mi proyecto a idea jaj!
Saludos
 
Nicoolas dijo:
Mmm, podrías editar el código que te da FeedBurner para la suscripción por email, o buscar algún theme que tenga la opción de suscripción por email con el código ya incluido.
Espero que te sirva mi proyecto a idea jaj!
Saludos
Hacer clic para expandir...

: D muy buena idea, pero para encontrar uno paresido entre miles de plantillas de blogger, voy a buscar haber si tengo suerte
 
Última edición:
Aqui te das algunas opciones de estos gadgets, no es exactamente lo mismo pero talvez te pueda ayudar.
Velos aqui
 
Me interesa el codigo a mi tmb porfavor.
 
a mi tambien me interesa xD jeje
 
Me puse a revisar un rato el codigo y he logrado agregarlo a mi pequeño blog.
Claro lo hice unas modificaciones a mi gusto.
Enlace eliminado

Si les gusta me avisan.
 
Disculpen la demora, pero estoy trabajando para pasar mi blog de blogger a wordpress.

Pero aqui les paso el codigo:


Gadget:

PHP: 
<div id='suscripcion'>
	<a class='rsscorreo'>Suscríbete por email.</a><small style='padding-right: 15px;'>Recibe todos los artículos en tu correo.</small>
	
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=deintecno&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>

<div id='esuscrip'>
<input id='e' name='email' type='text'/>
<input name='uri' type='hidden' value='deintecno'/>
<input name='loc' type='hidden' value='es_es'/>
<input type="image" src="http://lh3.ggpht.com/_V_Dq1T00xJY/TSl5FrYzAdI/AAAAAAAAAyg/bdlVVCJXJfU/espacio.gif" name="submit" class="esubmit" />
</div>
	
</form>
	
</div>


CSS:

PHP: 
/* Suscripcion Rss */

#form_suscripcion {
background:url(http://lh3.ggpht.com/_V_Dq1T00xJY/TSkebvOrPFI/AAAAAAAAAyA/GBFI9etuuGk/suscripciontexto.png) no-repeat; 
height:25px; 
margin-top:5px; 
width:254px; 
margin:5px 0px 0px;
}

#form_suscripcion #email {
background-color:#FFFFFF; 
border:0px; 
font-size:11px; 
height:17px; 
line-height:17px;
margin:-3px 0px 0px 10px; 
width:300px; 
}

#suscripcion {
padding:10px;
display:block;
background:transparent url(http://lh3.ggpht.com/_V_Dq1T00xJY/TSlJiAIhvZI/AAAAAAAAAyI/QmT8YFac6gE/suscripcionMailRSS.png) no-repeat 0 0;
margin:18px 0 0 0;
height:84px;/* Mas 20 de padding */
}

#suscripcion a {
color:#000;
font-size:15px;
margin-left:35px;
line-height:15px;
}

#suscripcion small {
font-size:11px;
display:block;
color:#999;
margin-left:35px;
line-height:10px;
}

#suscripcion form {
padding-top:-2px;
margin-top:5px;
margin-bottom:15px;
}

#esuscrip{
height: 36px;
width: 245px;
float: right;
background: url(http://lh6.ggpht.com/_V_Dq1T00xJY/TSkxpi_usWI/AAAAAAAAAyE/ZcuxijLQ2Vs/Subemail.png) no-repeat top right;
margin: 3px 3px 0 0;
}

#e{
color: #969696;
background: transparent;
font-size: 0.9em;
margin: 5px 0 0 8px;
width: 200px;
border: none;
float: left;
height: 20px;
}

.esubmit {
width: 24px;
height: 24px;
margin: 5px 8px 0 0px;
outline: none;
float: right;
}
 
Hay que estar conectado o registrado para responder aquí.

Temas similares

J
Alguien sabe como poner cuadro de suscripción
Respuestas
3
Visitas
406
Jhonyxito
J
FMercury
  • Cerrado
Se solicita Diseñador para un cuadro de suscripción. $10
Respuestas
2
Visitas
137
aldragon
A
Atrás
Arriba