Añadir menu de pestañas a tu blog de blogger

Bueno, para los fanaticos de los blogs y mas precisamente de la plataforma Blogger de Google. Les traigo un truco para añadir pestañas a tu plantilla en blogger. Estas pestañas las vas a añadir abajo de la cabecera de tu blog. La verdad son muy buenas y muy vistosas a la hora de que tu lector navegue en el blog.

En esta imagen puedes ver de lo que estoy hablando... Se trata de unas pestañas que van a añadir debajo de la cabecera de su blog, en general.

Bueno aqui empesamos con el tutorial para realizar este toque a tu blog:

Insertar favicon en WordPress

1. Vas a el panel de Blogger y despues a "Edicion HTML".

2. Vas a pegar el siguiente codigo CSS. Tiene que ser despues de <b:skin> y antes de <![CDATA[/* y ]]>%lt;/b:skin>. Te recomendamos que pongas el codigo antes de /* Outer-Wrapper-------- */

Codigo CSS

/* Menu pestañas*/

#tabsmenu {
float:left;
width:100%;
font-size:13px;
border-bottom:1px solid #2763A5;
line-height:normal;
}
#tabsmenu ul {
margin:0;
padding:10px 10px 0 50px;
list-style:none;
}
#tabsmenu li {
display:inline;
margin:0;
padding:0;
}
#tabsmenu a {
float:left;
background:url("https://i31.tinypic.com/2yp0jdh.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#tabsmenu a span {
float:left;
display:block;
background:url("https://i32.tinypic.com/23salpl.gif") no-repeat right top;
padding:5px 14px 4px 4px;
color:#24618E;
}
/* Commented Backslash Hack hides rule from IE5-Mac */
#tabsmenu a span {float:none;}
/* End IE5-Mac hack */
#tabsmenu a:hover {
background-position:0% -42px;
}
#tabsmenu a:hover span {
background-position:100% -42px;
}

3. Vamos a "Diseño" y luego a "Elementos de la pagina". Añadimos un nuevo "gadget" HTML y le pegamos este codigo:

Codigo HTML

4. Ahora arrastraremos este "gadget" a donde querramos que se muestre el menu. Debajo del header (cabecera) queda muy bien.

Espero que les aya gustado este truco para blogger.

Via | El escaparate

Si quieres conocer otros artículos parecidos a Añadir menu de pestañas a tu blog de blogger puedes visitar la categoría Blogs.

Deja una respuesta Cancelar la respuesta