Trucos Blogger.Menu horizontal en la barra.
CATEGORIAS:
Trucos Blog
Hay muchos webs que tienen esa opción lo que permite navegación rápida por la página. Vamos a ver cómo se hace. Iniciar sesión en blogger, en Diseño ir a Edición de HTML donde presionando Control+F buscamos palabra clave * Header . Veremos algo asi :
/* Header*/
#header-wrapper {
width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}
#header-wrapper {
width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}
Bueno ahora debajo de /* Header*/ ponemos código que creará nuevo elemento de página:
#newnavbar ul li{
font-size:100%;
list-style-type: none;
display:inline;
padding:0px;
margin:10px;
border:0px solid;
}
font-size:100%;
list-style-type: none;
display:inline;
padding:0px;
margin:10px;
border:0px solid;
}
Después de haberlo hecho, buscar parte del código que diga
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='3' showaddelement='yes'>
<b:section class='header' id='header' maxwidgets='3' showaddelement='yes'>
esto sirve , como ya lo hemos visto en otras entradas, para mostrar recientemente agregado widget. Guardar cambios y vamos a sección de Elementos de página, donde vemos nuevo elemento agregado
abrimos elemento que creamos y elejimos HTML/Javascript y insertamos siguiente código:<div id="newnavbar">
<ul>
<li><a href="http://ax3l.blogspot.com/">Home</a></li><li
class="Home">
<li><a href="http://feeds.feedburner.com/blogspot/ax3lblog"
title="feed">Full Rss Feed</a></li><li class="page_item">
<a href="mailto:s3ct0r.z3r0@live.com" title="Contacto">Contacto</a>
</li> <li class="page_item">
<a href="http://www.blogger.com/profile/09503304951673337055"
title="acerca">About Us</a></li> <li class="page_item">
</li></li></ul></div>
<ul>
<li><a href="http://ax3l.blogspot.com/">Home</a></li><li
class="Home">
<li><a href="http://feeds.feedburner.com/blogspot/ax3lblog"
title="feed">Full Rss Feed</a></li><li class="page_item">
<a href="mailto:s3ct0r.z3r0@live.com" title="Contacto">Contacto</a>
</li> <li class="page_item">
<a href="http://www.blogger.com/profile/09503304951673337055"
title="acerca">About Us</a></li> <li class="page_item">
</li></li></ul></div>
todo lo que ven en rojo tendrán que reemplazarlo por sus datos, sea URL de feed o e-mail. Guardar cambios, refrescar blog .
Eso es todo. Mas opciones en cuanto vuelva de viaje. Gracias a todos por visitar este blog ;)
Buscas un programa y no lo encuentras? Pidelo , posteando en blog o en tag y te lo conseguimos!
Subscribe to:
Post Comments (Atom)
Post a Comment