Plantilla Landing page para blogger V2


Existen miles de páginas web que promocionan gratis Landing page para sus sitios, pero solo Ayudadeblogger.com lo promociona de forma gratuita para que lo utilicen en su blog de blogger y así puedan obtener un sistema rápido y confiable para vender sus productos por la red de forma fácil y sencilla con su publicidad.  Estabas buscando una Langing page o también llamada página de destino gratis para blogger, has llegado al sitio adecuado. Una página de destino o Landing page se utiliza para referirse a cualquier página. Usted sabe, son todas las páginas en las que uno puede "aterrizar". Sin embargo muchos comerciantes, incluidos nosotros mismos, prefieren diferenciar las páginas de destino un poco más que eso. En su lugar, llamamos a cualquier página de la web en la que se podría aterrizar una "página web", mientras que una "página de aterrizaje" es cualquier página de la web en la que se podría aterrizar que 1) tiene una forma y 2) existe únicamente para capturar la información de los visitantes a través de esa forma. En otras palabras, todas las páginas de aterrizaje son las páginas web, pero no todas las páginas web son las páginas de destino.

Bueno luego de esta explicación, también pueden ver otro tipo de plantilla Lading page para blogger en el siguiente enlace:


Plantilla Landing page para blogger

A continuación mire su demostración en mi blog Landing page de demos

crear páginas web

crear páginas web

Les gusto verdad!

Vamos a trabajar

1 Ir a Blogger

2 Un clic en “Plantilla

Plantilla Landing page para blogger V2

3 Un clic en “Editar HTML

Plantilla Landing page para blogger V2

Ahora se le abrirá el Editor HTML de su plantilla

Plantilla Landing page para blogger V2

En este punto deberás presionar la tecla “Control” de su teclado seguido de la tecla “F” para que aparezca el buscador integrado en la parte superior derecha de su editor, aquí es donde tendrás que insertar el código para buscarlo e insertar los códigos correspondientes en el editor, a continuación mire la imagen la cual le muestra como debe aparecerle el buscador en el editor HTML de su plantilla y así pueda colocar el código en el buscador al momento que yo diga busca este código.

 Blogger

4 Configuración del Menú principal

Plantilla Landing page para blogger

Busca este código

<!-- Main Menu -->

Una vez que hayas encontrado el código te mostrara un código como el siguiente:

<!-- Main Menu -->
<ul>
  <li><a href='/'>Bienvenidos: Una muestra del poder de Blogger</a></li>
  <li><a href='http://www.ayudadeblogger.com/'>Nuestros Servicios</a></li>

Realiza estos cambios:

He marcado de dos colores diferentes en las palabras y en la URL que tendrán que cambiarlas. Borra las palabras que están marcadas de color rojo y pon ahí las palabras que tú quieras. Además borra la URL que está marcada de color azul y pon la URL de tu pagina web.

5 Configuración de la descripción de su página de aterrizaje

Plantilla Landing page para blogger

Busca este código

<!-- Ayudadebloger Info -->

Cuando hayas encontrado el código, te mostrara asi:

<h4>Landing Page para Blogger, les muestra el poder de blogger con unos simples pasos</h4>
<p>Este es un ejemplo de lo que podrán hacer con esta Landing Page para Blogger, usted puede editar esta información, como mejor les parezca, disfrutalo. <a href='http://www.ayudadeblogger.com/'>Más información...</a></p>
<br/>
<p>Suscríbete a las nuevas actualizaciones de nuestra página web</p>
<ul>
<li>Fácil de usar y navegar.</li>
<li>Los mejores servicios de la Red.</li>
<li>Disfruta de nuestros servicios completamente gratis</li>
</ul>

Realiza estos cambios:

Las palabras que están marcadas de color rojo debes borrarlas y poner ahí la información necesaria de lo que se trata tu blog o de algún producto o servicio que quieras vender por internet. Borra la URL que está marcada de color azul y remplázalo por la URL que tú quieras.

6 Configuración de la Caja de suscripciones

Plantilla Landing page para blogger

Busca este código:

<!-- Ayudadeblogger-In Suscribete -->

Al encontrar el código te mostrara las siguientes líneas de código

<!-- Ayudadeblogger-In Suscribete -->
<h4>Ingrese la dirección de su Email</h4>
<p>Suscríbete a nuestras actualizaciones y recibelo en tu Email.</p>
<br/>
<p>Su dirección de Email está segura con nosotros!</p>
<br/>
<div class='btntEmailsub'>
<form action='http://feedburner.google.com/fb/a/mailverify' id='subscribe' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=foroayudadeblogger&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
<input name='uri' type='hidden' value='foroayudadeblogger'/>
<input name='loc' type='hidden' value='es_ES'/>

Realiza estos cambios:

Borra las dos palabras que están marcadas de color azul foroayudadeblogger y remplázalos por el nombre de tu FeedBurner.

Eso es todo, ahora dale un clic en “Guardar plantilla

7 Dirígete a “Diseño

Encontraras 4 widgets “HTML/Javascript” que se encuentras de forma horizontal, en los cuales puedes poner lo que tú quieras, como más información en base a widgets o imágenes.

Has terminado con la configuración, revisa tu nueva Landing page para Blogger y disfruta de este servicio de forma gratuita.

Recuerda suscribirte para que reciban mis nuevas actualizaciones directamente en su bandeja de entrada

¿Necesitas ayuda?

Cualquier pregunta no duden en hacérmelo saber y de inmediato les responderé

Saludos

Recuerda suscribirte:

Obtenga nuestro boletín de noticias diario | Suscríbete gratuitamente SUSCRIBIRSE
¿Te ha resultado útil este artículo, recomiendanos?
Si



Share:

Luis Chávez

Soy el fundador del sitio web Ayudadeblogger.com - Considerado un Pro Blogger profesional, Consultor SEO y desarrollador Web adicto, ejecuto una serie de sitios web desde mi Oficina Quito-Ecuador.

Related post

Comentarios

32 comentarios:

  1. Gracias Luis. Estuve buscando una landing page y esto es lo que necesito. Gracias por compartir esto. Tambien vi la V1.

    ResponderEliminar
    Respuestas
    1. Hola, de nada, si gustas te la puedo enviar, y necesito la direccion de tu correo electronico para poder enviarte
      Saludos.

      Eliminar
  2. Hola, es muy bueno el diseño de la plantilla.

    Te dejo mi correo: l.e23alternativo@gmail.com

    Gracias


    ResponderEliminar
  3. Me encantó super facil de verdad que un millon de gracias

    ResponderEliminar
  4. Que estupendo estaba buscando algo parecido a lo que has hecho ,estupendo .
    Muchas gracias.

    ResponderEliminar
  5. Tengo un problemita en esta sección
    en feedburner ya que a mí no me sale la direccion de mi blog que es http://trabajarencas.blogspot.com
    como puedo arreglarlo.

    ResponderEliminar
  6. Hola Luis como hago para colocarle algunas subpestañas al menu. Saludos

    ResponderEliminar
    Respuestas
    1. Hola, con respecto a su pregunta le sugiero elimine el siguiente código que se encuentra en la configuración de la plantilla en el Editor HTML el siguiente código:


      < ul >
      < li >Bienvenidos: Una muestra del poder de Blogger
      < li >Nuestros Servicios
      < /ul >

      Ahora remplace el código por el código que se encuentra en el siguiente tutorial:

      http://www.ayudadeblogger.com/2015/06/como-insertar-un-menu-desplegable-responsive-en-mi-blog-de-blogger.html

      Saludos.

      Eliminar
  7. Hola Luis me sirvió mucho la solución del comentario anterior… Gracias.

    Estoy ajustando algunos detalles de la Landing Page y me gustaría tu ayuda. Te adjunto la imagenes para un mayor entendimiento.

    Como hago para que la barra de menú me quede a todo lo ancho de la página (Ver imagen 1). https://dl.dropboxusercontent.com/u/33492533/1p.m..png

    De igual modo como puedo lograr aumentar el tamaño del texto que se encuentra en la portada de la Landing Page (Ver imagen 2). https://dl.dropboxusercontent.com/u/33492533/2%20..png

    Como puedo quitar el fondo blanco cuando creo se crea una entrada o página. (Ver imagen 3). https://dl.dropboxusercontent.com/u/33492533/3%20..png

    Espero que me puedas ayudar con esto gracias. Saludos

    ResponderEliminar
    Respuestas
    1. Hola, he tratado de abrir los links de las imágenes que me dejo usted, pero me salta error, por que no esta completo las URLs.

      Saludos.

      Eliminar
  8. Hola Luis ya los link se encuentran activos fue un error mio.

    Por favor copia y pega el link en el buscador de tu preferencia y nuevamente gracias por tu orientación. Saludos

    ResponderEliminar
    Respuestas
    1. Hola, cual es la dirección URL de su blog de Blogger

      Saludos.

      Eliminar
    2. Hola Luis el blog lo tengo como privado ya que se encuentra en construcción, si gusta te puedo mandar una invitación... claro esta voy a necesitar un correo donde enviartelo... Saludos

      Eliminar
  9. Buenas tarde Luis los link son los mismos del cometario del 24 de Enero. De igual modo te adjunto a continuación. Saludos

    (Ver imagen 1). https://dl.dropboxusercontent.com/u/33492533/1p.m..png


    (Ver imagen 2). https://dl.dropboxusercontent.com/u/33492533/2%20..png


    (Ver imagen 3). https://dl.dropboxusercontent.com/u/33492533/3%20..png


    ResponderEliminar
  10. Hola Luis, estoy empezando en esto de marketing de afiliados y me gusto mucho tu post, pero sobre todo la landing page favor te dejo mi correo para que me puedas enviar otras plantillas.

    Muchas gracias por la atención,

    ResponderEliminar
  11. Luis este es mi correo para que por favor puedas enviarme las plantillas 7snow7488@gmail.com

    ResponderEliminar
    Respuestas
    1. Hola, por favor puede descargarse la plantilla desde el siguiente enlace.

      https://docs.google.com/file/d/0B4Z9VSqNHBcpQldJd2VoNFlrZTg/edit

      Saludos.

      Eliminar
  12. Hola Luis: No entendí una cosa; para instalar el código, primero hay que crear una nueva plantilla - como en el caso del V1 - o no? En rigor de verdad, yo creí que, en realidad, había que crear otro blog:) Desde ya, muchas gracias. Saludos!

    ResponderEliminar
    Respuestas
    1. Hola, gracias por escribir, con respecto a su pregunta, no es necesario crear un nuevo blog, puede instalarlo en su blog de Blogger.

      Saludos.

      Eliminar
  13. Ok. Gracias Luis. En un rato me pongo con esto y, después te cuento. Saludos!

    ResponderEliminar
  14. Hola Luis (yo de nuevo:) Como hago para crear la siguiente estructura? Modelo de landing page reformado O sea, lo mismo que tienes tú pero, "adaptado". Es decir; Un Título, "EL Método...- en lugar de "Nuestros Servicios -, una imágen propia - en lugar del texto - , al lado de la imagen la caja de suscripción y, debajo, el texto (aunque, para mí, lo "ideal" sería; Título - Imágen propia a la izquierda, a la derecha de la imágen propia, el texto y, debajo del texto, la caja de suscripción. Pero bueno, no importa). Lo que si, me gustaría que, de un modo u otro, me pudieras decir de que ancho tendría que ser mi imágen. Muchas gracias. Saludos!

    ResponderEliminar
    Respuestas
    1. Hola, gracias por escribir, sobre su pregunta, en estos días, publicare una nueva Landing Page para Blogger completamente renovada, un diseño que le gustara y llenara sus expectativas. Recuerde suscribirse para que le llegue las nuevas actualizaciones del blog.

      Además, los temas sobre como crear una Landing Page en una pagina de Blogger, tal como lo tengo en mi pagina, publicare en estos días, solo tenga un poco de paciencia y así podrá tener su blog de Blogger un diseño web profesional.

      Saludos.

      Eliminar
  15. Hecho: Acabo de suscribirme a tu blog y, de confirmar la suscripción. Habrá que esperar entonces. De paso, te comento que, tienes el mismo problema que tenemos todos los que usamos Feedburner como herramienta de seguimiento de nuestras suscripciones y es el "bendito" mensaje de "Confirmar suscripción" en inglés. Si te sirve de sugerencia, deberías modificarlo pues, la mayoría de los latinos No sabemos, inglés:) Aquí un enlace a una página que usé para modificar el mío; Personalizar mensaje suscripcion a Feedburner No obstante y, si llegas a ingresar, vas a ver que, en uno de los últimos comentarios en el mismo, estoy yo que, como indico en el mismo, lo único que, hasta ahora, no pude modificar, fué el "Asunto" (o "Subjet") y que, al igual que a tí, me quedó en inglés:) Pero bueno, algo es mejor que nada:) Aguardo que, aunque más no sea, me envíes la nueva landing page que mencionas. Muchas gracias. Nos vemos!

    ResponderEliminar
  16. Otro sí, digo. Una pregunta; tienes una fecha "tentativa" para la nueva landing page? Me gustaría tenerla antes de lanzar mi "mini campaña publicitaria":) (lo de mini es por el tamaño del presupuesto asignado, je!) Bueno, porque sino, aunque mas no sea, podría utilizar la plantilla como esta (con las modificaciones del caso, claro) pues, algo es mejor que nada, no? Lástima no haber conocido esta página antes pues, muy probablemente, tendría una mayor cantidad de suscriptores:) Bueno, nos vemos!

    ResponderEliminar
    Respuestas
    1. Hola, gracias por comentar, el día de hoy publicare la landing page, es basado en Material Design de Google, es completamente algo diferente a las demás, espero le sea de su agrado, a continuación, le voy a dejar la dirección URL del demo:

      http://landingpageparablogger-1.blogspot.com/

      El día de hoy publicare el tutorial

      Saludos..

      Eliminar
  17. Hola Luis. Si, estuve viendo la landing page en cuestión. Es un "pedazo" de laburo:) La verdad es que no se como hacen uds. para hacer estas cosas, je. Pero bueno. Te comento que, me parece que, al menos para mí blog, es demasiada "elaborada" pues, tendría que cambiar toda mi estructura la cual y si por casualidad, todavía no la viste, puedes hacerlo haciendo clic en el siguiente enlace; A TU Trabajo Tal y como puedes ver, mi blog tiene un diseño "simple" (admito que, tal vez, "demasiado", je!) pero, se "sostiene" (o al menos debería, je!) con la venta como afiliado de un par de cursos relacionados con la temática de, precisamente, conseguir el trabajo ideal. Comprenderás que, el diseño que desarrollaste y que, visualmente hablando esta muuuyyy bueno:) es como "demasiado" para quienes llegan a mi página con la secreta "esperanza" de conseguir soluciones a su problemática de, conseguir SU trabajo. De hecho y, tal vez, por ello es que, les cuesta tanto "decidirse" a adquirir algunas de estas "soluciones". Pero bueno, eso es marketing y, la landing page que tu desarrollaste la cual, repito, esta muuuy buena, me parece que, los "confundiría" un poco. Es largo de explicar pero, mi intención sería, continuar con mi "modelo" de página al menos un tiempo y, luego sí, "mudarla" a algo un poco más "elaborado". Es más, me costó y me cuesta mucho todo esto de los códigos y, la informática en gral.:) y, lo único que me gustaría es, agregar una página de aterrizaje distinta para un grupo específico de visitantes (los que llegan de Facebook, Twitter, Linkedin, algunos otros blogs como el de bumeran, etc.) y, por supuesto, cambiar el enlace que tengo al final de cada post y que dice ..."o prefieres ser más metódico y suscribirte a nuestra lista"... y, en lugar de enviarlos directamente a Feedburner, redirigirlos a dicha Landing Page. Disculpa la "lata", je! Tú podrías hacer algo "específico" como lo que te envié adjunto en el anterior comentario? Sino, no importa. Como te decía, respeto y admiro tu trabajo pues, a mí, que simplemente tengo que copiar y pegar lo que hacen uds., me cuesta un montón:) me imagino lo que debe ser desarrollar eso que después, nosotros simplemente, copiamos y pegamos:) Pero bueno, si me pongo a cambiar toda la estructura de mi página, no se si lo voy a hacer bien ni si, mis lectores (los viejos y los nuevos) van a saber "apreciarlo":) Aguardo tus comentarios. Muchas gracias. Saludos!

    ResponderEliminar
  18. Gracias lUis esta bonito tu blog y ademas compartes muchas cosas de blogger

    ResponderEliminar
    Respuestas
    1. Hola Hernesto, gracias por comentar y me da gusto saber que le guste los trucos de Blogger que existe en este sitio web.

      Saludos.

      Eliminar
  19. Excelente aporte Luis, implante tu plantilla, aunque tengo 2 problemas, que espero que puedas ayudarme.

    1.- En el formulario no quiero un feedburner, quiero que cuando el usuario ingrese su email, este me llegue a mi correo con un titulo definido, para asi yo agregarlo a mis contactos. ya le cambie la action al form, pero no me funciona, ademas que es la primera vez que manipulo codigo, ya llevo horas y nada, posiblemente alguna variable esta mal.



    La segunda problemática es que debajo de la landing page, me aparece la leyenda no post, es decir como no tengo ninguna entrada pues me aparece eso y no quiero que aparezca, pues veo que en tu demo, no aparece nada de eso y asi me gustaría tenerlo.

    Espero puedas ayudarme, gracias de antemano

    ResponderEliminar
    Respuestas
    1. Hola Adan, gracias por escribir, sobre sus preguntas:

      1.- La el metodo de suscripcion que su utiliza en dicha plantilla es por medio de Feedburner que es lo mejor que hay y no se puede realizar lo que usted indica por medio del Feed

      2.- Con respecto a su segunda pregunta realice lo siguiente

      - Ingrese en Plantilla

      - Un clic en Editar HTML

      Busque el siguiente código:

      </head>

      Ingrese las siguientes lineas de código justo antes del código que encontró:

      <style>
      .outer-wrapper{
      display:none;
      }
      </style>

      Eso es todo un clic en Guardar plantilla

      Cuénteme como le fue

      Saludos.

      Eliminar