Foros del Web » Creando para Internet » HTML »

[SOLUCIONADO] Html de formulario de suscripcion a web

Estas en el tema de Html de formulario de suscripcion a web en el foro de HTML en Foros del Web. Saludos a todos, Os quería hacer una pregunta que seguro que para la gente que sepa y comprenda el codigo html es una verdadera tonteria, ...
  #1 (permalink)  
Antiguo 28/04/2013, 12:11
 
Fecha de Ingreso: abril-2013
Mensajes: 6
Antigüedad: 11 años, 6 meses
Puntos: 1
Html de formulario de suscripcion a web

Saludos a todos,

Os quería hacer una pregunta que seguro que para la gente que sepa y comprenda el codigo html es una verdadera tonteria, pero para mi me esta suponiendo un verdadero quebradero de cabeza.

Os comento, he creado un blog [URL="www.srysrasibaritas.com"]www.srysrasibaritas.com[/URL] donde comento restaurantes y hoteles que vamos visitando mi pareja y yo. Encontre una plantilla que me gustaba y es la que estoy utilizando. Poco a poco he ido "modificando" el html, en plan basico: que si quitando unos botones, añadiendole otras cosas.

Bueno, a lo que iba. El formulario de suscripcion actualmente solo se ve cuando te metes en una entrada y esta un poco escondido y habia pensado ponerlo en todas las paginas arriba, en el header, justo al lado del box de 'Buscas algo'. Es decir, que haya dos cajas iguales, una de 'Buscas algo' y otra de 'Suscribete al blog'.

Si os meteis en la pag entendereis perfectamente lo que quiero decir.

Actualmente estoy usando mailchimp para que la gente se suscriba por correo, y en su pag web me dan un codigo para que lo ponga en mi pagina. Si lo pongo donde tengo el actual va perfectamente, el problema es que lo quiero poner arriba de la plantilla, que este bien a la vista (que dificil me es explicarme en estos temas).

Lo unico que consigo hacer es copiar y pegar el codigo del box de buscar a su lado y asi me aparecen dos cajas iguales. Pero cuando intento modificar su codigo me sale constantemente error. He intentado mil cosas y nada...

Os pego el codigo del box de buscas algo

Código:
<div id='srcnt'>
<form expr:action='data:blog.homepageUrl + &quot;search/&quot;' id='search' method='get'>
  <input name='q' placeholder='¿Buscas algo?' size='40' type='text'/>
</form>
  </div>
Os copio ahora el codigo que me dicen en la pagina de mailchimp que usa para tener el boton de formulario de registro.
Código:
<!-- Begin MailChimp Signup Form -->
<link href="http://cdn-images.mailchimp.com/embedcode/slim-081711.css" rel="stylesheet" type="text/css">
<style type="text/css">
	#mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; }
	/* Add your own MailChimp form style overrides in your site stylesheet or in this style block.
	   We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
</style>
<div id="mc_embed_signup">
<form action="http://srysrasibaritas.us4.list-manage1.com/subscribe/post?u=564b49a0c6cb767c8d9ab503d&amp;id=4d664dcd67" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
	
	<input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email address" required>
	<div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
</form>
</div>

<!--End mc_embed_signup-->
No se... La verdad que no se a quien recurrir. Llevo varios dias peleando con ello y nada. No sabeis cuanto apreciaria vuestra ayuda. Seguro que además es una tonteria pero claro, conocimientos de html muy muy basicos tengo....

MUCHISIMAS gracias.
  #2 (permalink)  
Antiguo 29/04/2013, 04:15
Avatar de angelAparicio  
Fecha de Ingreso: julio-2009
Ubicación: Sevilla
Mensajes: 307
Antigüedad: 15 años, 4 meses
Puntos: 22
Respuesta: Html de formulario de suscripcion a web

Hola, ¿ahora está puesto el código del mailchimp en la página? Para ver que pasa "in situ"
__________________
Mis webs:
- Programador Web Autónomo
- Conciertos en Sevilla
  #3 (permalink)  
Antiguo 29/04/2013, 05:07
 
Fecha de Ingreso: abril-2013
Mensajes: 6
Antigüedad: 11 años, 6 meses
Puntos: 1
Respuesta: Html de formulario de suscripcion a web

Que va, no está puesto... Es que cuando lo pongo me la estropea entera y me da error en el lenguaje del código...
  #4 (permalink)  
Antiguo 29/04/2013, 06:26
Avatar de angelAparicio  
Fecha de Ingreso: julio-2009
Ubicación: Sevilla
Mensajes: 307
Antigüedad: 15 años, 4 meses
Puntos: 22
Respuesta: Html de formulario de suscripcion a web

¿Podrías poner el error que te da? Es por tener una pista.
__________________
Mis webs:
- Programador Web Autónomo
- Conciertos en Sevilla
  #5 (permalink)  
Antiguo 29/04/2013, 08:31
 
Fecha de Ingreso: abril-2013
Mensajes: 6
Antigüedad: 11 años, 6 meses
Puntos: 1
Respuesta: Html de formulario de suscripcion a web

Si cargo el codigo justo delante de la box de buscas algo me sale este error:

No se ha podido cargar la vista preliminar de la plantilla: Error al analizar XML, línea 1317, columna 244: Attribute name "novalidate" associated with an element type "form" must be followed by the ' = ' character.

Lo último que estoy intentando es copiar el codigo de box de 'buscas algo' y modificarlo con los parametros de mailchimp. Seguramente lo que esté haciendo es una animalada, pero asi estoy aprendiendo: prueba y error error error error...

Código:
<div id='mc_embed_signup'>
<form expr:action="http://srysrasibaritas.us4.list-manage1.com/subscribe/post?u=564b49a0c6cb767c8d9ab503d&amp;id=4d664dcd67" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
  <input name='q' placeholder='¡Suscríbete al blog!' size='40' type='text'/>
</form>
  </div>
   
  <div id='srcnt'>
<form expr:action='data:blog.homepageUrl + &quot;search/&quot;' id='search' method='get'>
  <input name='q' placeholder='¿Buscas algo?' size='40' type='text'/>
</form>
  </div>
</div>
El código de abajo es del box de buscas algo y el de arriba es mi modificacion. Haciendo eso me sale el error de:

No se ha podido cargar la vista preliminar de la plantilla: Error al analizar XML, línea 1311, columna 249: Attribute name "novalidate" associated with an element type "form" must be followed by the ' = ' character.

Si elimino el Novalidate me sale este otro error:

Error al interpretar la plantilla del blog

Error al interpretar la plantilla del blog

LHS of numeric is null before 60 in http://srysrasibaritas.us4.list-manage1.com/subscribe/post?u=564b49a0c6cb767c8d9ab503d&id=4d664dcd67


La verdad que debo estar haciendo bestialidades pero claro... no se lo que hago... eso si, tengo copias de seguridad a cada paso que hago.

Por cierto, MUCHISIMAS GRACIAS Ángel
  #6 (permalink)  
Antiguo 29/04/2013, 10:08
Avatar de angelAparicio  
Fecha de Ingreso: julio-2009
Ubicación: Sevilla
Mensajes: 307
Antigüedad: 15 años, 4 meses
Puntos: 22
Respuesta: Html de formulario de suscripcion a web

Vaya, parece que el problema es que el sistema de plantillas de blogger no admite el código de mailchimp que has puesto.

Mira aquí, parece que el código que usan es distinto al tuyo:
http://kb.mailchimp.com/article/how-...-blogspot-blog
__________________
Mis webs:
- Programador Web Autónomo
- Conciertos en Sevilla
  #7 (permalink)  
Antiguo 30/04/2013, 08:56
 
Fecha de Ingreso: abril-2013
Mensajes: 6
Antigüedad: 11 años, 6 meses
Puntos: 1
Respuesta: Html de formulario de suscripcion a web

ya, en la página te dan muchos códigos, yo cogí el más sencillete, sin botones ni cosas aparatosas.

Al fin logré modificarlo, no completamente como quería pero bueno, algo es algo. Lo consigo previsualizar perfectamente en mi editor html pero cual es mi sorpresa que al cambiarlo en blogspot me vuelve a dar error

El codigo nuevo es este, que me lo carga perfectamente en el programa editor pero luego me da error...

Código:
  <div id='srcnt'>
<form expr:action='data:blog.homepageUrl + &quot;search/&quot;' id='search' method='get'>
  <input name='q' placeholder='¿Buscas algo?' size='40' type='text'/>
</form>
  </div>


<div id="header-wrapper">

<form action="http://srysrasibaritas.us4.list-manage.com/subscribe/post?u=564b49a0c6cb767c8d9ab503d&amp;id=4d664dcd67" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>

<input type="email" size='22' value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="Dirección de correo para suscribirse" required>

</form>

</div>
Al cargarlo me sale este error:
No se ha podido cargar la vista preliminar de la plantilla: Error al analizar XML, línea 1317, columna 243: Attribute name "novalidate" associated with an element type "form" must be followed by the ' = ' character.

Otra vez el dichoso novalidate...
Si se lo borro me da error el required de un par de lineas mas abajo...

No se ha podido cargar la vista preliminar de la plantilla: Error al analizar XML, línea 1319, columna 141: Attribute name "required" associated with an element type "input" must be followed by the ' = ' character


Y si vuelvo a borrar ese required pues nada, otro error...

No se ha podido cargar la vista preliminar de la plantilla: Error al analizar XML, línea 1321, columna 3: The element type "input" must be terminated by the matching end-tag "</input>".

pffff blogger me odia :( con lo bien que se veía en el editor... creia que ya lo tenía y nada... sigo probando cambiando el cierre de input por </input> pero nada... no quiere.

Gracias por tu ayuda
  #8 (permalink)  
Antiguo 30/04/2013, 09:42
 
Fecha de Ingreso: abril-2013
Mensajes: 6
Antigüedad: 11 años, 6 meses
Puntos: 1
Respuesta: Html de formulario de suscripcion a web

Bueno, desisto, me está llevando demasiado tiempo esta tontería, simplemente para que quede más a la vista lo de suscribirse.

He decidido poner simplemente un link que si pinchas en el te abra la ventana donde te pide la info para suscribirte...

jejeje y claro, no todo va a ser tan facil como suena... si meto el codigo sin más funciona perfectamente :D peeeero me gustaría cambiarle la fuente y el tamaño, que casi se ve más que el titulo de la pagina web

Este es el codigo tal cual que meto y va perfectamente pero que queda muy grande y se ve demasiado...

Código:
<!-- // MAILCHIMP SUBSCRIBE CODE \\ -->
<a href="http://eepurl.com/yLgnL" target="_blank">¡PINCHA AQUI PARA RECIBIR LAS NUEVAS ENTRADAS EN TU CORREO!</a>
<!-- \\ MAILCHIMP SUBSCRIBE CODE // -->
Genial si no fuera porque se ve mas grande que el titulo web... lo he modificado por esto, lo cargo en el previsualizador de html y se ve perfecto :D

Código:
<!-- // MAILCHIMP SUBSCRIBE CODE \\ -->
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Oswald:300">
    <style>
      body {
        font-family: 'Oswald', serif;
        font-size: 20px;
      }
    </style>

<a href="http://eepurl.com/yLgnL" target="_blank">¡PINCHA AQUI PARA RECIBIR LAS NUEVAS ENTRADAS EN TU CORREO!</a>
<!-- \\ MAILCHIMP SUBSCRIBE CODE // -->
Y lo meto a huevo en el html de la plantilla.... y error...

No se ha podido cargar la vista preliminar de la plantilla: Error al analizar XML, línea 1319, columna 116: The element type "link" must be terminated by the matching end-tag "</link>"
  #9 (permalink)  
Antiguo 30/04/2013, 10:20
 
Fecha de Ingreso: abril-2013
Mensajes: 6
Antigüedad: 11 años, 6 meses
Puntos: 1
Respuesta: Html de formulario de suscripcion a web

Ángel!!!!! SOLUCIONADO!!!!

Ni cajas ni fuentes de google ni demas chorradas!! una simple frase con un hipervínculo, fuente arial y con el color a huevo de mi página web!!!! Y queda bien! Eso sí, se lo enseño a mi pareja que es con quien tengo la web y le ha encantado pero me dice... ¿y si lo bajas un poco? Casi la tiro por la ventana jejejejeje

Uf sangre sudor y lagrimas. Mira que chorrada al final...
¿crees que metiendole eso me estropeara la indexacion del head o algo asi?

Le puedes echar un vistazo en [URL="http://www.srysrasibaritas.com"]www.srysrasibaritas.com[/URL]

Código:
<body>
<font color='c9c9c9' face='arial' size='1'><a href='http://eepurl.com/yLgnL'>¡PINCHANDO AQUÍ RECIBIRÁS TODAS LAS NUEVAS ENTRADAS EN TU CORREO!</a>
</font>
</body>

  <div id='srcnt'>
<form expr:action='data:blog.homepageUrl + &quot;search/&quot;' id='search' method='get'>
  <input name='q' placeholder='¿Buscas algo?' size='40' type='text'/>
</form>
  </div>
</div>
Lo de body me recomendaría que lo quite?? Por si afecta a algo de indexacion o yo que se.. como si lo quito tambien se ve bien...

Muchisimas gracias por haber sido el unico que me ha ayudado!!!

Pd estoy euforico... no se nota ni nada que soy un noobie en esto...
  #10 (permalink)  
Antiguo 01/05/2013, 06:53
Avatar de angelAparicio  
Fecha de Ingreso: julio-2009
Ubicación: Sevilla
Mensajes: 307
Antigüedad: 15 años, 4 meses
Puntos: 22
Respuesta: Html de formulario de suscripcion a web

¡Perfecto! Las plantillas de blogger son muy exigentes, si el código tiene algo que no le gusta te las bloquea rapidamente.

Las etiquetas <body> y </body> deberías quitarlas. Si miras el código verás que ya tienes un <body> un poco más arriba y un </body> al final. Solo deberías tener una de cada.
__________________
Mis webs:
- Programador Web Autónomo
- Conciertos en Sevilla

Etiquetas: blog, blogger
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 12:17.