Vas a verlos por categorías, son las etiquetas.

Tenes el listado total, buscando por titulo de entrada.

Los post de ayuda están ordenado por mes.

Un listado de amigos, los que me linkean, si no estás avisame.

Podes tenerme en tu blog con un banner. Si queres algún color pedime que lo armo.

Tab para mostrar contenidos!



Como verán arriba donde muestro un mapa de mi blog en una forma muy vistosa.
No te va a costar ponerlo, ya está armado para que lo subas en dos pasos. Vas a tener que prestarle atención a los contenidos que uses dentro.
El primer código lo pegas en tu plantilla antes de </head> y después viene la parte de los contenidos. Donde primero definís el titulo y abajo el contenido.

Paso 1:

Antes de </head>

<link href='http://ar.geocities.com/blogdecesar/tabcontenido.css' rel='stylesheet' type='text/css'/>
<script src='http://ar.geocities.com/blogdecesar/tabcontenido.js' type='text/javascript'></script>

Guardas plantilla y vas a elementos de página y añadis en HTML/javascript:

Paso 2:


<ul id="maintab" class="shadetabs">
<li><a href="#" rel="tcontent1">Contenido 1</a></li>
<li><a href="#" rel="tcontent2">Contenido 2</a></li>
<li><a href="#" rel="tcontent3">Contenido 3</a></li>
<li class="selected"><a href="#" rel="tcontent4">Contenido 4</a></li>
<li><a href="#" rel="tcontent5">Contenido 5</a></li>
<li><a href="#" rel="tcontent6">Contenido 6</a></li>
</ul>
<div class="tabcontenidostyle">
<div id="tcontent1" class="tabcontent">
<br/>
Aca va el contenido 1
</div>
<div id="tcontent2" class="tabcontent">
<br/>
Aca va el contenido 2
</div>
<div id="tcontent3" class="tabcontent">
<br/>
Aca va el contenido 3
</div>
<div id="tcontent4" class="tabcontent">
<br/>
Aca va el contenido 4
</div>
<div id="tcontent5" class="tabcontent">
<br/>
Aca va el contenido 5
</div>
<div id="tcontent6" class="tabcontent">
<br/>
Aca va el contenido 6
</div>
</div>

<script type="text/javascript">
initializetabcontent("maintab")
</script>


Configuración:

<li><a href="#" rel="tcontent1">Contenido 1</a></li>
Aca lo único que le tenes que cambiar el el titulo

<li class="selected"><a href="#" rel="tcontent4">Contenido 4</a></li>
Aca verás que aparece algo nuevo "class="selected" es el contenido que se muestra cuando entran a tu blog.

<div id="tcontent1" class="tabcontent">
<br/>
Aca va el contenido 1
Aca reemplaza por tu contenido donde te digo, no toques otra cosa.
Al contenido le podes darle color o lo que se te ocurra. Si no te pasas con el tamaño podes poner fotos también.

En general la cantidad de títulos va a depender del tipo de plantilla que este usando. Que te quiero decir con esto: si el ancho de tu blog es más chico que este tab se te va a apretar un poco.

4 comentarios :

Admin dijo...

Gracias por tu tiempo impagable. Me gustaría poner este menu encima de la cabecera del blog, en donde tu tienes el rótulo de Firefox.Mi plantilla es Blogger Template Style- Herbert.¿Me lo puedes explicar?.Gracias de nuevo.

paqui dijo...

Hola Cesar, me gustaria ponerlo en mi blog :http://mirincon63.blogspot.com/,
pero intento abrir seguir leyendo de este apartado y no se abre para copiar el codigo.
Gracias

♣nestoriano dijo...

Hola cesar. muchas gracias por todos lo favores recibidos y ayudas posteadas...

soy nuevo en esto de los blog ... pero por ejemplo algo te tu blo que me llama a atención es, ver que al pasar el puntero sobre un linck (imagen o palabra), esta se desplaza una pequeña distancia (se mueve)..
por favor podrias ayudarme con esto...

garcias: ♣NESTORIANO

Geografia en el siglo XXI dijo...

no funciona

Hola, que tal!!!
Podes mirar, copiar, sugerir y/o desechar, todo es gratis, lo único que te pido
no borrés los créditos de las plantillas y me linkees si podes.
Abrazos, buena suerte y más que suerte!

Blog de César [ayuda para blogger]
 
ir arriba <body> . </body>