una manera de personalizar tu blog es añadiendo pestañas, a base del codigo HTML, para empezar tienes que entrar al diseño de tu plantilla, encontrar la parte en que dice ]]>SKIN antes de el insertar tu codigo:

para menus gris:

 

/* Menú horizontal

----------------------------------------------- */

#menu ul { margin:0; list-style:none;}

#menu li {display:inline;margin:0;padding:0;}

#menu a { float:left;background:url(http://lh5.ggpht.com/_qgZA1ny_dAs/SlimLLGQf4I/AAAAAAAAB-g/YKI9AdhUdng/lefttabbed.png) no-repeat left top;margin:0 1.5px 0 1.5px;padding:0 0 0 4px;text-decoration:none;}

#menu a span {float:left;display:block; background: url(http://img148.imageshack.us/img148/8764/tabbedlarge.png) no-repeat right top;padding:5px 12px 4px 12px;color:#fff;}

#menu a span {font: bold 12px Arial, Helvetica, sans-serif; color:#000; float:none;}

#menu a:hover span {color:#fff;}

#menu a:hover {background-position:0% -27px;}

#menu a:hover span {background-position:100% -27px;}

.clear {clear:left}

/* Fin del menú */

 

para menus azules:

/* Menú horizontal

----------------------------------------------- */

#menu ul { margin:0; list-style:none;}

#menu li {display:inline;margin:0;padding:0;}

#menu a { float:left;background:url(http://lh3.ggpht.com/_dsEG33PDaHw/Sk0PpgVjCmI/AAAAAAAAABo/1ngE9K8oKUM/s128/lefttabbed-blue.PNG) no-repeat left top;margin:0 1.5px 0 1.5px;padding:0 0 0 7px;text-decoration:none;}

#menu a span {float:left;display:block; background: url(http://3.bp.blogspot.com/_dsEG33PDaHw/TLneat8CR3I/AAAAAAAAAaA/xeRSiRhsVl8/s1600/tabbedblue.png) no-repeat right top;padding:5px 12px 4px 12px;color:#fff;}

#menu a span {font: bold 12px Arial, Helvetica, sans-serif; color:#000; float:none;}

#menu a:hover span {color:#fff;}

#menu a:hover {background-position:0% -27px;}

#menu a:hover span {background-position:100% -27px;}

.clear {clear:left}

/* Fin del menú */


para menus verdes:

/* Menú horizontal

----------------------------------------------- */

#menu ul { margin:0; list-style:none;}

#menu li {display:inline;margin:0;padding:0;}

#menu a { float:left;background:url(http://lh5.ggpht.com/_dsEG33PDaHw/Sk0Ppu0JhrI/AAAAAAAAABs/t0vZPWdFl38/s128/lefttabbed-green.PNG) no-repeat left top;margin:0 1.5px 0 1.5px;padding:0 0 0 7px;text-decoration:none;}

#menu a span {float:left;display:block; background: url(http://3.bp.blogspot.com/_dsEG33PDaHw/TLnea6eTG3I/AAAAAAAAAaE/gb65X4n2bX0/s1600/tabbedgreen.png) no-repeat right top;padding:5px 12px 4px 12px;color:#fff;}

#menu a span {font: bold 12px Arial, Helvetica, sans-serif; color:#000; float:none;}

#menu a:hover span {color:#fff;}

#menu a:hover {background-position:0% -27px;}

#menu a:hover span {background-position:100% -27px;}

.clear {clear:left}

/* Fin del menú */

para menus morados:

/* Menú horizontal

----------------------------------------------- */

#menu ul { margin:0; list-style:none;}

#menu li {display:inline;margin:0;padding:0;}

#menu a { float:left;background:url(http://lh4.ggpht.com/_dsEG33PDaHw/Sk0PpoN4alI/AAAAAAAAABw/8ednVAn295Q/s128/lefttabbed-purple.PNG) no-repeat left top;margin:0 1.5px 0 1.5px;padding:0 0 0 7px;text-decoration:none;}

#menu a span {float:left;display:block; background: url(http://4.bp.blogspot.com/_dsEG33PDaHw/TLnebBChZzI/AAAAAAAAAaI/rL-bNJcIPc8/s1600/tabbedpurple.png) no-repeat right top;padding:5px 12px 4px 12px;color:#fff;}

#menu a span {font: bold 12px Arial, Helvetica, sans-serif; color:#000; float:none;}

#menu a:hover span {color:#fff;}

#menu a:hover {background-position:0% -27px;}

#menu a:hover span {background-position:100% -27px;}

.clear {clear:left}

/* Fin del menú */

para menus rojos:

/* Menú horizontal

----------------------------------------------- */

#menu ul { margin:0; list-style:none;}

#menu li {display:inline;margin:0;padding:0;}

#menu a { float:left;background:url(http://lh3.ggpht.com/_dsEG33PDaHw/Sk0Pps0fcVI/AAAAAAAAAB0/HN5FX_MoRMU/s128/lefttabbed-red.PNG) no-repeat left top;margin:0 1.5px 0 1.5px;padding:0 0 0 7px;text-decoration:none;}

#menu a span {float:left;display:block; background: url(http://2.bp.blogspot.com/_dsEG33PDaHw/TLneb7XhRBI/AAAAAAAAAaM/d960qFS196g/s1600/tabbedred.png) no-repeat right top;padding:5px 12px 4px 12px;color:#fff;}

#menu a span {font: bold 12px Arial, Helvetica, sans-serif; color:#000; float:none;}

#menu a:hover span {color:#fff;}

#menu a:hover {background-position:0% -27px;}

#menu a:hover span {background-position:100% -27px;}

.clear {clear:left}

/* Fin del menú */

 

para menus amarillos:

/* Menú horizontal

----------------------------------------------- */

#menu ul { margin:0; list-style:none;}

#menu li {display:inline;margin:0;padding:0;}

#menu a { float:left;background:url(http://lh5.ggpht.com/_dsEG33PDaHw/Sk0PpvhhHeI/AAAAAAAAAB4/-BK98lkjqZs/s128/lefttabbed-yellow.PNG) no-repeat left top;margin:0 1.5px 0 1.5px;padding:0 0 0 7px;text-decoration:none;}

#menu a span {float:left;display:block; background: url(http://1.bp.blogspot.com/_dsEG33PDaHw/TLnecIqugnI/AAAAAAAAAaQ/gmnF50rrcoE/s1600/tabbedyellow.png) no-repeat right top;padding:5px 12px 4px 12px;color:#fff;}

#menu a span {font: bold 12px Arial, Helvetica, sans-serif; color:#000; float:none;}

#menu a:hover span {color:#fff;}

#menu a:hover {background-position:0% -27px;}

#menu a:hover span {background-position:100% -27px;}

.clear {clear:left}

/* Fin del menú */


luego de esto ir al lugar donde quieras los menus e insertar el html:

 

div id="menu">

<ul>

<li><a href="URL del enlace"><span>Título 1</span></a></li>

<li><a href="URL del enlace"><span>Título 2</span></a></li>

<li><a href="URL del enlace"><span>Título 3</span></a></li>

<li><a href="URL del enlace"><span>Título 4</span></a></li>

</ul>

</div>

 

 

 

 

 

cambia -url del enlacepor la url a la que quieras que vaya y en titulo 1 cambialo por el que quieras.

Comparte este Goo:

¿Tiene contenido inapropiado?

Comparte este goo con un amigo: