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:
A continuación mire su demostración en
mi blog Landing page de demos
Les gusto verdad!
Vamos a trabajar
1 Ir a Blogger
2 Un clic en “Plantilla”
3 Un clic en “Editar HTML”
Ahora se le abrirá el Editor HTML de su plantilla
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.
4 Configuración del Menú principal
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
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
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('http://feedburner.google.com/fb/a/mailverify?uri=foroayudadeblogger',
'popupwindow',
'scrollbars=yes,width=550,height=520');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
Gracias Luis. Estuve buscando una landing page y esto es lo que necesito. Gracias por compartir esto. Tambien vi la V1.
ResponderEliminarHola, de nada, si gustas te la puedo enviar, y necesito la direccion de tu correo electronico para poder enviarte
EliminarSaludos.
Hola, es muy bueno el diseño de la plantilla.
ResponderEliminarTe dejo mi correo: l.e23alternativo@gmail.com
Gracias
muchas gracias por compartir
ResponderEliminarMe encantó super facil de verdad que un millon de gracias
ResponderEliminarnO ME ENCUENTRA !! QUE HAGO?
ResponderEliminarQue estupendo estaba buscando algo parecido a lo que has hecho ,estupendo .
ResponderEliminarMuchas gracias.
Tengo un problemita en esta sección
ResponderEliminaren feedburner ya que a mí no me sale la direccion de mi blog que es http://trabajarencas.blogspot.com
como puedo arreglarlo.
Hola Luis como hago para colocarle algunas subpestañas al menu. Saludos
ResponderEliminarHola, 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:
Eliminar< 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.
Hola Luis me sirvió mucho la solución del comentario anterior… Gracias.
ResponderEliminarEstoy 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
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.
EliminarSaludos.
Hola Luis ya los link se encuentran activos fue un error mio.
ResponderEliminarPor favor copia y pega el link en el buscador de tu preferencia y nuevamente gracias por tu orientación. Saludos
Hola, cual es la dirección URL de su blog de Blogger
EliminarSaludos.
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
EliminarBuenas tarde Luis los link son los mismos del cometario del 24 de Enero. De igual modo te adjunto a continuación. Saludos
ResponderEliminar(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
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.
ResponderEliminarMuchas gracias por la atención,
Luis este es mi correo para que por favor puedas enviarme las plantillas 7snow7488@gmail.com
ResponderEliminarHola, por favor puede descargarse la plantilla desde el siguiente enlace.
Eliminarhttps://docs.google.com/file/d/0B4Z9VSqNHBcpQldJd2VoNFlrZTg/edit
Saludos.
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!
ResponderEliminarHola, gracias por escribir, con respecto a su pregunta, no es necesario crear un nuevo blog, puede instalarlo en su blog de Blogger.
EliminarSaludos.
Ok. Gracias Luis. En un rato me pongo con esto y, después te cuento. Saludos!
ResponderEliminarHola 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!
ResponderEliminarHola, 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.
EliminarAdemá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.
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!
ResponderEliminarOtro 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!
ResponderEliminarHola, 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:
Eliminarhttp://landingpageparablogger-1.blogspot.com/
El día de hoy publicare el tutorial
Saludos..
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!
ResponderEliminarGracias lUis esta bonito tu blog y ademas compartes muchas cosas de blogger
ResponderEliminarHola Hernesto, gracias por comentar y me da gusto saber que le guste los trucos de Blogger que existe en este sitio web.
EliminarSaludos.
Excelente aporte Luis, implante tu plantilla, aunque tengo 2 problemas, que espero que puedas ayudarme.
ResponderEliminar1.- 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
Hola Adan, gracias por escribir, sobre sus preguntas:
Eliminar1.- 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.