El diseño es responsable, con algunos
Dispone de
Post populares,
menú responsivo móvil,
el contador social de la parte de Jumbo,
los thumbnails del poste,
4 columnas de pie de página y etc
DEMO DESCARGA |
Editar el Menu
Cómo editar menú de navegación
Para editar el menú de navegación según sus necesidades, siga las siguientes instrucciones:
Ir a Blogger >> Tema >> Editar HTML
Buscamos <! - Menú de Navegación -> en la plantilla
Ahora personalice el código del menú de acuerdo a sus necesidades
Guardar la plantilla, presionar el botón "Guardar"
Cambiamos # por el Url de la pagina y el nombre Internet por el nombre que le vamos a dar a la pestaña.
<li><a href='#'>Internet</a></li>
<li><a href='#'>Internet</a></li>
<!--Navigation Menu-->
<div class='menu-secondary-container'>
<div class='margin-1200'>
<ul class='menus menu-secondary'>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='#'>Business</a>
<ul class='children'>
<li><a href='#'>Internet</a></li>
<li><a href='#'>Market</a></li>
<li><a href='#'>Stock</a></li>
</ul>
</li>
<li><a href='#'>Downloads</a>
<ul class='children'>
<li><a href='#'>Dvd</a></li>
<li><a href='#'>Games</a></li>
<li><a href='#'>Software</a>
<ul class='children'>
<li><a href='#'>Office</a>
</li>
</ul>
</li>
</ul>
</li>
<li><a href='#'>Parent Category</a>
<ul class='children'>
<li><a href='#'>Child Category 1</a>
<ul class='children'>
<li><a href='#'>Sub Child Category 1</a></li>
<li><a href='#'>Sub Child Category 2</a></li>
<li><a href='#'>Sub Child Category 3</a></li>
</ul>
</li>
<li><a href='#'>Child Category 2</a></li>
<li><a href='#'>Child Category 3</a></li>
<li><a href='#'>Child Category 4</a></li>
</ul>
</li>
<li><a href='#'>Featured</a></li>
<li><a href='#'>Health</a>
<ul class='children'>
<li><a href='#'>Childcare</a></li>
<li><a href='#'>Doctors</a></li>
</ul>
</li>
<li><a href='#'>Uncategorized</a></li>
</ul>
<div class='menu-secondary-container'>
<div class='margin-1200'>
<ul class='menus menu-secondary'>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='#'>Business</a>
<ul class='children'>
<li><a href='#'>Internet</a></li>
<li><a href='#'>Market</a></li>
<li><a href='#'>Stock</a></li>
</ul>
</li>
<li><a href='#'>Downloads</a>
<ul class='children'>
<li><a href='#'>Dvd</a></li>
<li><a href='#'>Games</a></li>
<li><a href='#'>Software</a>
<ul class='children'>
<li><a href='#'>Office</a>
</li>
</ul>
</li>
</ul>
</li>
<li><a href='#'>Parent Category</a>
<ul class='children'>
<li><a href='#'>Child Category 1</a>
<ul class='children'>
<li><a href='#'>Sub Child Category 1</a></li>
<li><a href='#'>Sub Child Category 2</a></li>
<li><a href='#'>Sub Child Category 3</a></li>
</ul>
</li>
<li><a href='#'>Child Category 2</a></li>
<li><a href='#'>Child Category 3</a></li>
<li><a href='#'>Child Category 4</a></li>
</ul>
</li>
<li><a href='#'>Featured</a></li>
<li><a href='#'>Health</a>
<ul class='children'>
<li><a href='#'>Childcare</a></li>
<li><a href='#'>Doctors</a></li>
</ul>
</li>
<li><a href='#'>Uncategorized</a></li>
</ul>
Editar miniaturas de la pagina principal
Ir a Blogger >> Diseño >> Featured-Posts-Top >> EDITAR
Ahora, en el área de texto escriba el nombre de la etiqueta, es decir, Gatos, Coches, Animales, etc.
Se mostrarán los mensajes de sólo la etiqueta que va a escribir.
Guardar el widget, presionar el botón "Guardar"
Cómo editar diapositivas destacadas
Si desea mostrar los 4 posts con miniaturas que aparecen en la página principal de la demostración de tema, haga lo siguiente:
Ir a Blogger >> Diseño >> Featured-Slides >> EDITAR
Ahora, en el área de texto escriba el nombre de la etiqueta, es decir, Gatos, Coches, Animales, etc.
Se mostrarán los mensajes sólo de esa etiqueta que escribirá.
Guardar el widget, presionar el botón "Guardar"
¿Cómo Editar Puestos Destacados (Homepage BOTTOM)?
Si desea mostrar los 4 posts con miniaturas que aparecen en la página principal de la demostración de tema, haga lo siguiente:
Ir a Blogger >> Diseño >> Featured-Post-Bottom >> EDITAR
Ahora, en el área de texto escriba el nombre de la etiqueta, es decir, Gatos, Coches, Animales, etc. Se mostrarán los mensajes sólo de esa etiqueta que escribirá.
Guardar el widget, presionar el botón "Guardar"
¿Cómo mostrar anuncios?
Si desea mostrar anuncios de la forma que se muestra en la demostración de la plantilla, siga las instrucciones a continuación
Ir a Blogger >> Diseño >> Anuncio superior 728x90 >> EDITAR
En el cuadro HTML, pegue su código AD
Guarde la plantilla, pulse el botón "Guardar plantilla"
Si desea cambiar la imagen de la búsqueda de
.iosSlider .slider # item1
Ahora verá los códigos CSS,
Cambiar las URL de la imagen con las imágenes que desea mostrar en el control deslizante.
Guarde la plantilla, pulse el botón "Guardar plantilla"
Cómo editar el widget de boletÃn en la barra lateral
El widget de boletÃn le permite enviar actualizaciones automáticas a sus suscriptores a su bandeja de entrada de correo electrónico, es una gran manera de mantener a sus usuarios actualizados con sus artÃculos recién publicados.
Ir a Blogger >> Plantilla >>Diseño>> Añadir un gadget
Ahora, en la lista, seleccione Añadir HTML / Javascript >>
Ahora pegue el siguiente código en el área de texto.
</ div> <div class = "inscrÃbete ahora"> <p>
<b> SuscrÃbete </ b> a nuestro boletÃn para obtener
actualizaciones importantes sobre nuestra red y historias picantes.
<form action = "http://feedburner.google.com/fb/a/mailverify" class = "email-form" method = "publicar" onsubmit = "window.open ('http://feedburner.google.com / fb / a / mailverify? uri = template, 'popupwindow', 'scrollbars = yes, width = 550, height = 520'); return true "target =" popupwindow ">
<input name = "uri" type = "hidden" value = "Template" /> <input name = "loc" onblur = "if (this.value ==" ") {this.value =" Escriba su correo electrónico ... ";}" onfocus = "if (this.value ==" .value = ""} "type =" text "value =" Escriba su correo electrónico ... "/> <input alt =" "class =" sub-button "title =" " "/> </ form>
<div class = "social-links"> <li> <a class="facebook" href="#"> <i class = "fa fa-facebook"> </ i> </a> </ li> li> <a class="twitter" href="#"> <i class = "fa fa-twitter"> </ li> <li> <a class = "gplus" href = <i class = "fa fa-google-plus"> </ i> </a> </ li> <li> <a class="rss" href="#"> <i class = " fa fa-rss "</ i> </a> </ li> <li> <a class="linkedin" href="#"> <i class =" fa fa-linkedin "> </ i> / a> </ li> </ div> </ div>
<form action = "http://feedburner.google.com/fb/a/mailverify" class = "email-form" method = "publicar" onsubmit = "window.open ('http://feedburner.google.com / fb / a / mailverify? uri = template, 'popupwindow', 'scrollbars = yes, width = 550, height = 520'); return true "target =" popupwindow ">
<input name = "uri" type = "hidden" value = "Template" /> <input name = "loc" onblur = "if (this.value ==" ") {this.value =" Escriba su correo electrónico ... ";}" onfocus = "if (this.value ==" .value = ""} "type =" text "value =" Escriba su correo electrónico ... "/> <input alt =" "class =" sub-button "title =" " "/> </ form>
<div class = "social-links"> <li> <a class="facebook" href="#"> <i class = "fa fa-facebook"> </ i> </a> </ li> li> <a class="twitter" href="#"> <i class = "fa fa-twitter"> </ li> <li> <a class = "gplus" href = <i class = "fa fa-google-plus"> </ i> </a> </ li> <li> <a class="rss" href="#"> <i class = " fa fa-rss "</ i> </a> </ li> <li> <a class="linkedin" href="#"> <i class =" fa fa-linkedin "> </ i> / a> </ li> </ div> </ div>
0 Comentarios
En breve revisaremos tu comentario para poder publicarlo.
Muchas gracias