Plantilla Emporio – Versión 1

La Plantilla Emporio es un tema exclusivo de Blogger, una de las plantillas con mayor descarga gratuita por su diseño.

Ayudadeblogger.com ha modificado esta plantilla, agregando un nuevo menú al puro estilo de Material design, como siempre los créditos a su sitio oficial. Además se ha insertado un footer manteniendo el diseño de la Plantilla Emporio.

A continuación pueden ver su demostración en el siguiente blog


Puede descargarse la Plantilla a partir del siguiente enlace


Cambios en el diseño

Los cambios que se realizó en la Plantilla Emporio son los siguientes:

Menú desplegable con buscador integrado estilo Material design


Footer


Artículos relacionados estilo Material design en cada entrada


Blog-pager estilo Material design


Widget banner para publicidad 728x90


Widget Formulario de contactos estilo Material design


Empezamos

Video tutorial


Primero:

Se recomienda realizar una copia de seguridad de su blog por si algo no le sale correctamente

Segundo:

Instalar la Plantilla

Tercero:

Una vez instalada la plantilla Emporio V1 tendrá que realizar los cambios pertinentes, dirigiéndose al HTML de su plantilla

Un clic en Tema


Un clic en Editar HTML


Cuarto:

Menú desplegable con buscador integrado


1 Cambiar la imagen de portada


Busque el siguiente link

https://1.bp.blogspot.com/-upu1G0t08fs/WT78Px7wgCI/AAAAAAAABe8/uH4nvxubfyM-3ZSC7VPETKwwSd6YWLMMACLcB/s1600/logo-sidebar.jpg

Elimine la URL de imagen y remplácelo por una nueva URL de imagen

2 Cambiar la segunda imagen de portada


Busque el siguiente link

http://lh5.googleusercontent.com/-FS0EwnqZjd8/AAAAAAAAAAI/AAAAAAAAABg/TKdxYCWr6VY/s120-c-pf/photo.jpg

Elimine la URL de imagen y remplácelo por una nueva URL de imagen

3 Cambie las palabras que dicen “Blogger Template Emporio” por las que necesite mostrar


4 A partir del código

<ul id='nav-menu1'>

Tendrá que realizar todos los cambios pertinentes, cambiando las palabras que se están mostrando en el menú, al igual deberá agregar las URLs pertinentes eliminando los símbolos # numerales y cambiándolos por las URLs, para más detalles, por favor revise el video tutorial.


Quinto

Realizar los cambios en el Footer


Busque el siguiente código

<div class='footer-left'>

Una vez que haya encontrado el código ira revisando y cambiando cada palabra que se encuentra en el Footer, al igual ira agregando las URLs pertinentes, si no sabe cómo realizarlo, por favor revise el video tutorial.


Eso es todo, un clic en Guardar Tema


Sexto

Diríjase a Diseño y organice sus widgets

Ahora mire su nuevo blog de Blogger

¡Fácil verdad!

¿Necesitas ayuda?

Cualquier pregunta no duden en escribir

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