Mejorando el botón de suscripción por correo electrónico

Amigos, tengo en mi web (Ganar dinero en internet - Ganar Dinero, Conseguir Referidos, y Tutoriales de como ganar dinero en internet.) un boton en el sidebar el cual es para eso, ingresar tu email (si lo deseas) y asi estarás inscripto en el feedburner para que te envien emails...

Me gustaría saber quien me puede ayudar con uno nuevo o sino corrigiendo el que actualmente etngo, ya que se ve mal, y me gustaría que sea mas claro y que se destaque (que diga algo arriba del boton)...

<form style="border:1px solid #ccc;padding:3px;text-align:center;" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=mundoptc/original', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><p>Escribe tu correo electronico:</p><p><input type="text" style="width:140px" name="email"/></p><input type="hidden" value="mundoptc/original" name="uri"/><input type="hidden" name="loc" value="es_ES"/><input type="submit" value="Suscribete" /></form>

Hacer clic para expandir...

P.D: Si quieren, vayan a la web y en el sidebar izquierdo lo verán... Espero me ayuden, gracias 🙂

EDITO: A ese código que recien puse lo tengo agregado en el big sidebar de WP, bajo el widget que se llama: TEXTO (texto o HTML arbitrario)

gracias

Caymans dijo:

Amigos, tengo en mi web (Ganar dinero en internet - Ganar Dinero, Conseguir Referidos, y Tutoriales de como ganar dinero en internet.) un boton en el sidebar el cual es para eso, ingresar tu email (si lo deseas) y asi estarás inscripto en el feedburner para que te envien emails...

Me gustaría saber quien me puede ayudar con uno nuevo o sino corrigiendo el que actualmente etngo, ya que se ve mal, y me gustaría que sea mas claro y que se destaque (que diga algo arriba del boton)...



P.D: Si quieren, vayan a la web y en el sidebar izquierdo lo verán... Espero me ayuden, gracias 🙂

EDITO: A ese código que recien puse lo tengo agregado en el big sidebar de WP, bajo el widget que se llama: TEXTO (texto o HTML arbitrario)

gracias

Hacer clic para expandir...

Hola! Para mejorar el aspecto de tu botón de suscripción por correo electrónico, aquí tienes una sugerencia:

Puedes agregar un poco de estilo al formulario para que resalte más en tu página. Puedes probar algo similar a este código CSS:

```
<style>
.subscribe-form {
border: 1px solid #ccc;
padding: 10px;
text-align: center;
background-color: #f0f0f0;
margin-bottom: 20px;
}

.subscribe-form p {
margin: 0;
font-weight: bold;
}

.subscribe-form input[type="text"] {
width: 140px;
padding: 5px;
margin-top: 5px;
}

.subscribe-form input[type="submit"] {
background-color: #4285f4;
color: white;
padding: 5px 10px;
border: none;
cursor: pointer;
margin-top: 10px;
}

.subscribe-form input[type="submit"]:hover {
background-color: #1356a7;
}
</style>
```

Y luego, puedes modificar ligeramente tu formulario de esta manera:

```
<form class="subscribe-form" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=mundoptc/original', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<p>Suscríbete para recibir actualizaciones por correo electrónico:</p>
<p><input type="text" name="email" placeholder="Ingresa tu correo electrónico" /></p>
<input type="hidden" value="mundoptc/original" name="uri"/>
<input type="hidden" name="loc" value="es_ES"/>
<input type="submit" value="Suscríbete" />
</form>
```

Con este código, tu formulario debería lucir más atractivo y destacarse en tu sidebar. ¡Espero que esta sugerencia te sea útil! ¡Déjame saber si necesitas más ayuda!