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>
Guardas plantilla y vas a elementos de página y añadis en HTML/javascript:
►Paso 2:
►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 :
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.
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
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
no funciona