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.

Menú horizontal !

Podes verlo haciendo clic en la imagen
Este es otro menú para que puedas poner tus link en la parte de arriba de tu blog.
Podes modificar los colores a tu gusto.
Fue probado en distintos navegadores y funciona sin problemas.
Se hace en dos partes. Una va en la plantilla y la otra, con los enlaces, la subis en "añadir un elemento de página" y la pones abajo de la cabecera.
Paso a paso:

Abri - Cerra



    1) Ubicas <head> en tu plantilla y debajo pegas lo siguiente:


    [+/-]Abrir código 1



      <style type='text/css'>
      #dolphincontainer{position:relative;height:55px;color:#E0E0E0;background:#2C363A;
      width:100%;font-family:Helvetica,Arial,Verdana,sans-serif;}

      #dolphinnav{position:relative;height:34px;font-size:12px;text-transform:uppercase;
      font-weight:bold;background:#3D4D51 url() repeat-x bottom left;
      padding:0 0 0 20px;}

      #dolphinnav ul{margin:0;padding:0;list-style-type:none;width:auto;float:left;}

      #dolphinnav ul li{display:block;float:left;margin:0 1px;}

      #dolphinnav ul li a{display:block;float:left;color:#CCFF00;text-decoration:none;
      padding:0 0 0 20px;height:33px;}

      #dolphinnav ul li a span{padding:12px 20px 0 0;height:21px;float:left;}

      #dolphinnav ul li a:hover{color:#FFFF99;
      background:transparent url(images/dolphin_bg-OVER.gif) repeat-x bottom left;}

      #dolphinnav ul li a:hover span{display:block;width:auto;cursor:pointer;}

      #dolphinnav ul li a.current,#dolphinnav ul li a.current:hover{color:#B7F33B;
      background:#696969 url(images/dolphin_left-ON.gif) no-repeat top left;line-height:275%;}

      #dolphinnav ul li a.current span{display:block;padding:0 18px 0 0;width:auto;
      background:#696969 url(images/dolphin_right-ON.gif) no-repeat top right;height:33px;}

      </style>




    Es aca donde podes cambiar los colores.

    2) Luego de guardar vas a elementos de la página y abris añadir un elemento de página y pegas lo siguiente:


    <div id="dolphincontainer">
    <div id="dolphinnav">
    <ul>
    <li><a href="http://...." class="current" title=""><span>Inicio</span></a></li>
    <li><a href="" title="http://.."><span>Enlace 1</span></a></li>
    <li><a href="" title="http://.."><span>Enlace 2</span></a></li>
    <li><a href="" title="http://.."><span>Enlace 3</span></a></li>
    <li><a href="" title="http://.."><span>Enlace 4</span></a></li>
    </ul>
    </div>
    </div>



    Podes agregar más link al menú. Mo te olvides de poner el enlace completo.

31 comentarios :

MeyLy© dijo...

hola, quería preguntarte cómo puedo poner la imágen de recuadro de la fecha de tus posts y quiero saber si puedo poner otra imagen :). Uso el template Mínima.

gracias.

sophienews dijo...

Hola César... no sé si me pasa sólo a mi o es a todos los bloggeros... no puedo leer tus post porque cuando quiero hacer click sobre tu "seguí leyendo", se me pone un signo de interrogación y no hace nada, no agarra... pues te cuento que yo administro 3 blog, dos de ellos tienen cuenta diferente y he utilizado en los 3 tu muy genial idea y consejo sobre estas tag que permiten que las entradas se vean mucho más ordenadas, pero resulta que se me desarmó todo... hay entradas que están abiertas completas, otras que mantienen sus "seguirleyendo" que no se pueden abrir... y así... estoy media desesperada porque uno de los blogs es del trabajo... please help!!!

Cabalas Virtuales dijo...

Tiene razon sophienews no te deja abrir el seguir leyendo de esta entrada, no obstante eres un crack Cesar deberiamos pagarte, al entrar a tu blog, tu ayuda es inestimable siempre. Gracias amigo
Besotes

Blog de César dijo...

Hola, que tal!!!
Gracias por avisarme. Ahora veo que paso, socorroooo jajaja.
Besos

pao dijo...

Genial tu blog!!!, te felicito y gracias por toda la ayuda

Saludos, ;)

sophienews dijo...

veo que solucionaste en parte tu problema, buena onda. Dame el dato... que yo sigo con mi problema. Un abrazo.

Ah!!, cábalas virtuales: me gustó tu blog.. top

Blog de César dijo...

Pao!!!
Como te va, bienvenida!
Besos ;)

Blog de César dijo...

Sophienews!!
Hola, sabes que es la primera vez que puedo ver tu blog. Nunca me dejaba, me decía que no estaba disponible.
Mira, todavía no se que le paso al siga. Lo reemplace por el menú expandible. Miralo a ver si te sirve.
Mañana voy a tener algo de tiempo y lo veo.
Viste el blog de "cabalas"? Esta barbaro!
Saludos!

Kakaroto dijo...

Hola César no se como posicionar la plantilla lo he estado moviendo pero no puedo ubicarlo en medio de mi cabecera y columnas,solo me sale por encima de la columa izquierda o inferior pero no puedo ubicarlo al medio como tu..

Ayudame por favor.

Saludos!

Blog de César dijo...

Kakaroto!
Que tal campeón!
Mira, no comprendo bien.
Que parte de la plantilla no podes posicionar?
Decime a ver si te puedo ayudar.
Saludos

sophienews dijo...

una pregunta?: el hecho de que no aparezca ningún post cuando hago click sobre "trucos" en tu nube de etiquetas... o que sólo aparezcan 3 post en "utilidades" cuando el cartel dice que tienes como 24 post... es parte de los desajustes que se producen mientras arreglas lo del "seguir leyendo"???, o los problems con las plantillas de blogger van en aumento????.
Cariños para ti, César... pillé este error buscando ¿cómo convertir una imagen en link?, y no encontré respuesta.. sniff!

sophienews dijo...

y lo del peril y la vista de mis blog.. pues fue un error de principiante que ya superé, chau

Blog de César dijo...

Sophienews!!
Que tal!
Me hiciste asustar bruja jajaja.
Las etiquetas se ven bien.
Igual te agradezco el aviso.
Para convertir una imagen en link entra [ACA]
Besos

Kakaroto dijo...

Hola César quise decir al posicionar un elemento de página como verás cuento con 3 columnas,aquí te muestro mi diseño:

http://img231.imageshack.us/img231/5561/imagenuk8.jpg

Como te repito no puedo posicionar el nuevo elemento que mencionas,quiero colocarlo en medio de la cabecera y la columna y cuando lo hago me sale en la cabecera pero de la columna y no al medio,he estado jugando con las posiciones pero nada,quiero mandarte mi codigo fuente pero no se tu correo a ver si me escribes al correo de mi blog para responderte enviandote el codigo.

Saludos!

Blog de César dijo...

Kakaroto!
Te acabo de enviar un mail.
Saludos

Gem@ dijo...
Este comentario ha sido eliminado por el autor.
Gem@ dijo...

Hola Cesar he visto el problema que tienes con el código de leer más.
He buscado tu mail y no lo veo por ninguna parte así que te lo hago saber por aquí:
El script deanniyalogam ha dejado de estar online, es por eso que pùedes tener probemas, yo subí uno a Googlepages si quieres prueba con este para ver si te funciona:
<script src='http://forevergema.googlepages.com/functiontoggleIt.js' type='text/javascript'/>

Espero que esta vez salga entero ;)

Gem@ dijo...

Es obvio que esa separación en el script no debería salir pero imagino que ya sabes más o menos que solamente hay que sustituir el que proporcionas en la entrada de ller más y aplicar este así pruebas por si ese es el problema.

Kakaroto dijo...

Hola gem@ agradecido por ese dato ya que al visualizar un blog me aparecía que hackosphere estaba fallando,cambie el codigo que mencionastes y solucione el problema de contraer y expander de mi blog.Ahora espero lo de César que me ayude con lo del menu horizontal.

Saludos!

sophienews dijo...

SOS GRAAAANDE GEMA!!!!!!!!

Ídola

Gem@ dijo...

;) Me alegra que os funcione ;)

Blog de César dijo...

Muchísimas gracias gem@!!
Cada día te quiero más..
Ya lo público..

Gem@ dijo...

Gracias... gracias... y gracias César y compañía ;)

las hortensias dijo...
Este comentario ha sido eliminado por el autor.
Dalia dijo...

Tu blog es muy bueno ya probe lo del menu horizontal y funciono, como puedo hacer para que los comentarios puedan ser vistos en la columna izquierda de mi blog, gracias, saludos.

filexmaster dijo...

Hola que tal Cesar, muchas gracias por el dato, coloque el menu horizontal y cambie colores, pero no logro saber cual es el color de fondo como gris o verdoso donde estan los enlace en la barra completa quisiera cambiarlos a un color mas oscuro mas coherente con mi blogger pero no encontre donde esta esa parte para modificarlo.

saludos Cesar

http://filexdesign.blogspot.com

Machete dijo...

Hola, he estado probando tu codigo y funciona bien pero hay apartados de la barra lateral que no se donde esta la url, en comentarios recientes y perfil si que la encuentro pero en entradas recientes y demas widgets que tengo en la barra lateral no, he buscado por el codigo html pero sigo sin encontrarlos.

pd.perdona si me he extendido demasiado con le explicacion.

alfredo vazquez dijo...

El código 2 no se abre.

Te felicito por esta página he encontrado muchas cosas que buscaba desde hace tiempo.
Todo muy bien explicado.
Pocos lo hacen como tú.
Enhorabuena

Alfredo

Diana dijo...

mira tio como veo que a ti s ete da mbn esto de los blog te pido ayuda.

Estoy en 3º de eso y me piden que busque un menu de estos de link que se pone a la derecha o a la izquierda que lo ponga con mis compis y sus blog linkeado pero lo tengo k poner de forma que se pueda contraer o expandir o tipo visor de fotos si sabes de algo me avisas.

me mandas un mensaje a dianaylaura@hotmail.com

si puede ser porfavor y gracias.

igual a todos los que me puiedan ayudar

David dijo...

Muchas gracias.
Logre lo que quería y fue muy fácil,
pero solo un detalle, como elimino la luminosidad de "inicio" trato de editar los colores desde el html pero funciona con uno pero a medias
[CAptura:http://lh5.ggpht.com/morgandefender/SGjX5-IJTDI/AAAAAAAABDc/FbzWw-ntRSw/Copia%20%283%29%20de%20zxogt1.jpg]
mi blog es: http://man-tv.blogspot.com/
gracias

capenarol dijo...

queria felicitarte por este blog porque todo los que hay me ha ayudado bastante
tengo un problema...no me funcionan los links!! osea clickeo y vuelvo a la pagian principal..espero que me puedas ayudar

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>