Sei sulla pagina 1di 7

1. Me baso en la nueva versin de Blogger... (espero que hayas actualizado tu plantilla).

Aunque no estoy del todo seguro porque veo que tienes un blog de tres columnas. De todas maneras lo que tienes que hacer en cualquier caso es buscar los cdigos que estn tb en la antiga versin de Blogger 2. Suponiendo que lo has actualizado. Seria ms o menos as... 3. Entras en Blogger Plantilla, Elementos de pgina, Aadir un elemento de pgina. 4. Al clikear este ltimo se abre una ventana, buscas all Etiquetas y haz clik en Aadir al blog, se abre esta ventana: NO coloques nada en ttulo, a menos que quieras que aparezca algn ttulo. Haces clik en Guardar cambios 5. Debes asegurarte que los cambios fueron guardados, para ello haz clik en Guardar en la ventana que queda luego de la accin anterior: 6. Ahora en esa misma ventana vas a Plantilla,

Edicin de HTML7. Haz clik en Expandir plantillas de artilugios


4.Busca el siguiente cdigo: ]]></b:skin> </head> 5. Justo antes de l, pega este otro:
/*- Menu Tabs F */ #tabsF { float:left; width:100% font-size:80%; line-height:normal; border-bottom:2px solid #38B63C; }#tabsFul { margin:0; padding:10px 10px 0 0px; list-style:none; }#tabsF li {

display:inline; margin:0; padding:0; }#tabsF a { float:left; background:url("http://www.anniyalogam.com/labeltabs/tableftF.gif") no-repeat left

top;
margin:0; padding:0 0 0 4px; text-decoration:none; }#tabsF a span { float:left; display:block; background:url("http://www.anniyalogam.com/labeltabs/tabrightF.gif") no-repeat

right top;
padding:5px 15px 4px 16px; color:#cc0000; }/* Commented Backslash Hack hides rule from IE5-Mac */ #tabsF a span {float:none;} /* End IE5-Mac hack */ #tabsF a:hover span { color:#38B63C; }#tabsF a:hover { background-position:0% -42px; }#tabsF a:hover span { background-position:100% -42px; }Importante:

Ten presente que aqu estamos determinando los colores y dimensiones de texto que tendr el contenido

de la solapa. En otras palabras son los que determin para mi blog. Si no te gustan... bueno vamos a necesitar otro tutorial... jajaja
6. Pero no teminamos con la bsqueda. Apenitas ms abajo del cdigo que buscamos anteriormente vas a encontrar este otro: <b:section class='header' id='header' maxwidgets='1' showaddelement='no'> Y lo reemplazaspor:

<b:section class='header' id='header' maxwidgets='3' showaddelement='yes'> Importante: Recuerda que el nmero 3 especifica la cantidad de etiquetas que quieres incorporar. Si deseas ms de tres escribe el nmero all, reemplazando al tres. Pero, si colocas demasiadas etiquetas, trata que los nombres que utilices para ello sean cortos, en lo posible una sola palabra, por una cuestin de espacio. En otras palabras se complica la confguracin para los novatos como nos.

Seguimos buscando?... 7. Bastante ms abajo (te pego una imagen para que tengas una idea, observ el cursor de la barra lateral izquierda del cuadro de cdigos) encontrars sto:
<b:widget id='Label1' locked='false' title='Etiquetas' type='Label'> <b:includable id='main'> <b:ifcond='data:title'> <h2><data:title/></h2> </b:if> <div class='widget-content'> <ul> <b:loop values='data:labels' var='label'> <li> <b:ifcond='data:blog.url == data:label.url'> <data:label.name/> <b:else/> <aexpr:href='data:label.url'><data:label.name/></a> </b:if> (<data:label.count/>) </li> </b:loop> </ul> <b:include name='quickedit'/> </div> </b:includable> </b:widget>

Cuando lo encuentres, lo cambias por:


<b:widget id='Label1' locked='false' title='Etiquetas' type='Label'> <b:includable id='main'> <div id='tabsF'> <ul> <li><a expr:href='data:blog.homepageUrl'><span>Inicio</span></a></li>

<b:loopvalues='data:labels' var='label'> <li><a expr:href='data:label.url'><span><data:label.name/></span></a></li> </b:loop> </ul> <!--<b:include name='quickedit'/> --> </div> </b:includable> </b:widget>

8.Si este tutorial sirvi a su cometido vas a editar algunade tus entradas y agregas el nombre de una etiqueta,por ejemplo: Prueba Luego haces clik en Publicar y cuando vas a Ver Blog deberan aparecer dos solapas (porque veo que en tu blog todava no utilizas etiquetas):
</ul> <!--<b:include name='quickedit'/> --> </div> </b:includable> </b:widget>

8. Si este tutorial sirvi a su cometido vas a editar alguna de tus entradas y agregas el nombre de una etiqueta, por ejemplo: Prueba Luego haces clik en Publicar y cuando vas a Ver Blog deberan aparecer dos solapas (porque veo que en tu blog todava no utilizas etiquetas): Y luego ms a medida que las vayas agregando. Aparecen en la columna izquierda pero si tienes la nueva versin de blogger la puedes desplazar al lugar que vos quieras con solo hacer clik, sostener y mover el mouse. Los cdigos los saqu de: http://betatrucos.blogspot.com/2006/11/categorias-enforma-de-pestaas-para.html Pero tuve que modificar valores para poder adaptarlos a mi blog. Tena problemas con el tamao de las pestaas.

NO fue nada facil descubrir que numeritos modificar!!! Lo que te paso son mis valores. Bueno Alicia esto es todo... Suerte!!!

Potrebbero piacerti anche