Páginas

3 sept 2009

Barra superior de Blogger o nabvar personalizada en un gadget HTML



Hace unos días quité la barra superior de Blogger o navbar. Una vez dentro del blog está personalizada mediante un gadget HTML/Javascript. Digamos que paseo por las distintas partes de mi blog de otra forma.

Anita me preguntó qué sistema tengo para acceder al blog. El Escaparate me dio la clave y Pizcos lo confirmó en un Twitter genérico que vi que contestaba. Con alguna pequeña variación está sacado de Rosa. Lo modifiqué mínimamente para adaptármelo. (Palabra que por más que busco, no encuentro la dirección exacta entre mis notas para colocarla, si alguien me la comunica la coloco sin problemas).



Lo explicaré a mi manera:

1. Nos vamos a Diseño - Elementos de página

2. Añadimos un gadget




3. Elegimos un HTML/Javascript




4. Se introduce el siguiente código y cada cual sólo debe colocar su ID:


<span class="item-control blog-admin">

<a href="http://blogger.com/home">Escritorio</a>



<a href="http://www.blogger.com/post-create.g?blogID=CAMBIAR NÚMERO DE IDENTIFICACIÓN">Nueva Entrada</a>




<a href="http://www.blogger.com/posts.g?blogID=CAMBIAR NÚMERO DE IDENTIFICACIÓN">Editar Entradas</a>



<a href="http://draft.blogger.com/blog-options-basic.g?blogID=
CAMBIAR NÚMERO DE IDENTIFICACIÓN">Configuración</a>



<a href="http://www.blogger.com/rearrange?blogID=
CAMBIAR NÚMERO DE IDENTIFICACIÓN">Diseño</a>



<a href="http://www.blogger.com/html?blogID=
CAMBIAR NÚMERO DE IDENTIFICACIÓN">Edición HTML</a>



<a href="http://www.blogger.com/logout.g">Salir</a>

</span>



►Recuerdo que la ID o número de identificación la obtenemos de nuestra barra de navegación al movernos por nuestro blog.


■ En mi caso suprimí una foto que había en el original y cambié las barras. También se pueden añadir enlaces según convenga al usuario bajo la fórmula:



<a href="URL">Nombre</a>



La ventaja de este método es que sólo lo ve el usuario cuando está dentro del blog. Es decir, no lo puede ver nadie más que tú.



■ Se puede colocar alli donde te sea más práctico, pero por experiencia personal lo mejor es ubicarlo y ver el efecto sin haber accedido como usuario en el blog. Como se ve en la imagen yo lo tengo en la parte baja del footer (abajo del todo), pero cada cual lo puede colocar allí donde le sea más práctico.


(Al menos he intentado explicar a mi modo este post....sniff...snifff...)


Pd: Dedico este post a todos aquellos Bloggers que han escondido la barra superior o navbar, y a los muchos que "Blogger&Google" está cerrando sin motivo aparente sus blogs. Ojalá este truco les resulte de utilidad.



Te puede interesar:

Barra superior de Blogger o nabvar personalizada en un gadget HTML

Barra superior navbar de blogger eliminar, añadir o esconder

Barra superior o navbar de Blogger. Compartir Blog o post.


38 comentarios:

  1. Lo voy a intentar en borrador...Tengo miedo de meter la pata!
    Abrazo

    ResponderEliminar
  2. Jolin, que me tengo que guardar tus clases para reciclarme lo antes posible... ¿ Qué es eso de que que Google te cierra el Blog por la cara?
    Pero qué morrazo. ¿ Es que es cierto que nos van a cobrar para recuperarlo? El otro día leyendo a Lorzagirl aluciné con un culebron de primera. Le llegaban tropecientos comentarios cargados de blasfemias y decidió privatizarlo. Y yo, acababa de descubrirla y me horrorizó enterarme más tarde de todo lo que había pasado. ¡Qué fort!
    En fin, que a quí me tienes como una buena alumna aprendiendo de tu sabiduría, que ya sé que tú eres mu guena y dices que no sabes mucho pero yo contigo estoy haciendo un master; el problema va ser si al final apruebo, jaja
    Un besote

    ResponderEliminar
  3. Uys!! interesante lo probare, gracias.
    petonets.

    ResponderEliminar
  4. Hola Hola Winter
    Es una gran idea. Si te interesa esta solución, practicarla en un blog de pruebas está muy bien.
    Abrazotes enormes!!

    ResponderEliminar
  5. Hola Hola Jo Grass
    Gracias a un amigo blogger (Jose) me enteré que estaban cerrando muchos blogs. Algunos lo hacen sin avisar y otros por temas de copyright.
    Una vez te cierran el blog tienes la opción de reclamar a Blogger para que una persona, (no un robot), mire el contenido y decida si hay algo que puede "incumplir" las normas que ellos marcan.
    Algunas veces recuperarlo es rápido, otras cuesta un poquito más.
    Por ahora no cobran por tener un espacio web. Piensa que Yahoo y Bing se han unido para enfrentarse a la cuota de mercado que tiene Google.
    Aconsejo guardar el contenido del blog en un Backup y hacer copia de plantilla. Si pasa "lo que sea" siempre podemos abrir y descargar nuestro contenido en otro lado.

    Hace poquito presencié una "pelea" entre una ".com" dedicada a recopilar fotos de artistas noveles y dibujos originales contra un "Blog Star". Las cosas llegaron hasta tal punto que hubieron amenazas para verse en un juzgado.

    Tengo la sensación que esto está creciendo mucho y la gente está algo exaltada (es una opinión personal).

    No conozco a Lorzagirl...supongo que lo pasaría bastante mal si optó por privatizarlo.

    Jo, no soy sabia. Sé tanto como tú...Si alguna cosa te puede ayudar en un momento determinado me alegrará un montón.
    Tómate con calma cualquier cosa que desees hacer con el blog. Lo mejor es dejarse llevar por aquello que te pida el cuerpo: escribir, diseñar, comentar....no hagas nada de forma forzada. El blog es tu casa y es TUYO..., no pierdas de vista que lo haces para ti. Créeme, verlo bajo ese prisma te ahorrará unos cuantos dolores de cabeza.

    Disculpa el rollazo que he soltado.
    Una Abraçada ben forta!
    Cuida't!

    ResponderEliminar
  6. Hola Hola Bulma
    Espero que te sirva....A mí me ayuda bastante.
    Abrazotes enormes!!

    ResponderEliminar
  7. Hola Lujo, como he llegado tarde ya me han "pisado" jejeje, lo que iba a escribir, sobre lo de cerar los Blog y todo eso.

    A ver is yo me vine del WLS, por que era un cachondeo y encontré aquí un sistema que me satisface y ahor van a empezar con tonterias.

    Bueno lo que tenga que ser será.

    Un fuerte abrazo

    ResponderEliminar
  8. Hola Hola Abi
    Lo que le he comentado a Jo Grass es lo poquito que sé.
    Están habiendo cierres...realmente no sé qué está pasando. Me huelo que hay quejas y marcarán el blog..., de ahí los cierres. A todo ello hay que sumarle la posterior reclamación.
    Espero que se calmen las aguas y pare un poco este lío.
    De todas formas, haz copias de seguridad de plantilla y Backup. Lo mejor es estar prevenido.
    Abrazotes enormes y llenos de sol!!

    ResponderEliminar
  9. Que miedo lo del cierre.
    Saludos

    ResponderEliminar
  10. Hola Hola Joselop
    Habrá que ser un poco prudentes...Espero que las cosas vuelvan pronto a la normalidad.
    Abrazotes!

    ResponderEliminar
  11. Hola Lujo!
    Qué buena idea! Muy bien explicado! Voy a tener que repasar varias veces esto para captarlo porque hoy tengo las neuronas acalambradas. jajaja!! Las veo un poco dispersas. ;P Después voy a estudiarlo bien porque me parece útil, sobre todo teniendo en cuenta lo que comentan de las denuncias y los cierres.
    Besos

    ResponderEliminar
  12. Hola Lujo.

    Eres grande. Como te lo curras. Envidio la forma tan audaz que tienes de hacer cosas en tu blog. Yo soy incapaz. Lleo la "L" de novata para siempre. Pero eso que has dicho de cerrar blogs me ha tocado la moral. Y te pregunto: ¿Es complicado hacer una copia del contenido del blog?
    He pensado en ello al leerte. No me gustaria perder todo lo que llevo incluido en el mio.

    Un abrazo fuerte.

    Maat

    ResponderEliminar
  13. Anónimo4/9/09

    Ahora estoy muy cansado, pero desde luego mañana lo pruebo con calma y lo pondré en mis dos blogs, muchas gracias por el aporte Lujo, un abrazo para ti y para todos los que comentaron antes que yo.

    ResponderEliminar
  14. Hola Hola LadyMarian
    Tómate estos temas con calma. En mi opnión uno debería hacer estas cosas sólo cuando tiene ganas. Si por la más mínima razón no estás "receptivo", déjalo para otro día.
    Se trata de "hacer lo que te dé la gana en TU blog". Es una fórmula para no terminar cansándote de él.
    Ya sabes que suelo decir "Tu blog es tu casa y en él haces lo que deseas" ;).....
    Disculpa este sermón. Algunas veces me sale el lado reivindicativo ;) ;P
    Abrazotes hipervitaminados!!

    ResponderEliminar
  15. Hola Holaaa Maat
    En todo caso las dos somos grandes y nos lo curramos (como podemos)(^_-).
    Piensa que en mi caso también llevo la "L" hay muchas cosas por aprender, (y "entender"), en este mundillo.

    Lo del cierre de blogs lo sé por la información que me ha pasado Jose y porque he visto, (en mi corta vida de blog), algunos. Muchos de ellos sin razón aparente pues su contenido era bastante normal. Todo indica que últimamente Blogger está más activo en este tipo de cosas.
    Si llegara a pasar, en el Escritorio te aparece un mensaje para que lo puedas reclamar. A partir de ahí una persona revisa tu blog desde Blogger y tienes que esperar a que lo "devuelvan".

    Entre mis apuntes, un día decidí hacer algunos posts sobre cosillas que había aprendido. Intenté explicarlo de la forma más clara posible:

    1. Para hacer una copia del contenido de tu blog, (entradas, comentarios...), o un Backup te podría ayudar esta entrada que realicé
    http://blogdelujo.blogspot.com/2009/08/copia-de-seguridad-en-blogger-backup.html

    2. Te vendría muy bien (ya que quieres guardarlo todo) realizar otra copia de la plantilla.
    http://blogdelujo.blogspot.com/2009/08/guardar-plantilla-del-blog-con-blogger.html

    Espero que ambas cosas te ayuden. Hay mucha foto en ellas para hacerlo más didáctico y comprensible.
    Ya sabes que puedes contar conmigo.
    Abrazotes enormes!!!
    Cuidate!

    ResponderEliminar
  16. Hola Hola Jose
    Cuando vi que habías quitado la barra superior en tus blogs, pensé que este truco te podría ser de mucha utilidad. Además, ahorras tiempo con él.
    Cuando te encuentres con ganas, échale un vistazo y ponlo a prueba.
    Al ser un gadget siempre lo puedes eliminar con facilidad si no se adapta a tus espectativas.
    Ojalá pueda ser de utilidad.
    Miles de abrazotes gigantes!!
    Cuidate un montonazo!

    ResponderEliminar
  17. Joder chica no había visto este post, gracias gracias mil gracias, eres una fenomenaaaaaaa.
    Besos gordos

    ResponderEliminar
  18. Re Hola ANITA
    Mil gracias a ti.
    Abrazotes enormes!!!

    ResponderEliminar
  19. Hola Lujo!!
    Lo probé en el blog de pruebas y funcionó!!
    Besos

    ResponderEliminar
  20. Holaaaaaaa LadyMarian
    Me alegra un montón que te haya funcionado. Espero que te puedas acostumbrar fácilmente a su uso.
    Mil abrazotes hipervitaminados!

    ResponderEliminar
  21. Hola Lujo.

    Gracias por tu información. Voy a intentar hacer esa copia. Te mantendré informada.

    Un abrazo inmenso...

    Maat

    ResponderEliminar
  22. Re Hola Maat
    Seguro que lo consigues. Ya verás que es algo sencillo. Además, eres una Mega Crack en un montón de trucos que usas en tu blog.
    Miles de abrazotes cariñosos.
    Cuida't!

    ResponderEliminar
  23. ^///^ hola, muchas gracias por toda la informacion, este blog me esta siendo de mucha ayuda,pues acabo de crear el mio y espero me puedas resolver una dudita, quiero agregar a mi blog una barra menu(inicio, imagenes, etc)como la de este

    http://menfis-novela.blogspot.com/

    sabes de algun tuto o como hacerlo?...Gracias

    ResponderEliminar
  24. Holaa Sapphir Kyuubi
    Ya he visto tu blog y el que comentas. Hay uno similar que puede que te guste aquí:

    http://gemablog-.blogspot.com/2009/08/menu-con-variables-de-fuentes-y-colores.html

    Lo digo por la facilidad que tendrás para modificar los colores a tu antojo.
    Es una copia de otra web. Espero que te sirva.
    Saludotes!(-^o^-)

    ResponderEliminar
  25. Holaaaaa, llevaba un siglo sin pasarme por aquí pero, no te creas que me he olvidado de ti , además he seguido cotilleando tus truquis para el blog, jejeje
    Vengo a decirte que he hecho ésto que pones aquí, ya tenía ganas de quitar la Navbar pero, a mi me resultaba muy práctica para acceder a todo rápidamente, ahora gracias a ti, la he quitado y encima tengo una navbar para mi solita que no ve nadie más, ¡¡miles de gracias!!
    Sólo hay una cosa con la que me pierdo un poquito , a ver si lo explico bien, cuando sales totalmente del blog y luego quieres volver a entrar, antes te ponía en la navbar eso de ACCEDER, ahora cuando salgo y quiero volver a entrar, al no tener la navbar, no me pone eso y me vuelvo majareta para acceder al blog, accedo a él entrando en mi blog de pruebas porque ahí no he quitado la navbar, no se si hay otra manera más rápida de acceder a él, tampoco lo he investigado mucho, acabo de hacerlo hace un momentín
    Muchísimas gracias por todas éstas sugerencias, lo de hacer una copia del blog, ya hace tiempo que la hago periódicamente, por si las moscas, jejeje
    Un abrazo muy gordo

    ResponderEliminar
  26. @Ana Holaaaa

    Ni yo me olvido de ti porque veo todas tus actualizaciones. Espero aprender un día a hacer algo decente en la cocina. No problem, ya sabes que para mí eres una referencia.

    He estado mirando tu blog por si habías añadido algún menú...

    Respecto a lo que me planteas:

    En términos generales se trata de hacer un enlace al escritorio y situarlo en cualquier parte del blog. Es preferible que te resulte de utilidad donde la coloques.

    El poner un enlace a Blogger a la larga beneficia a tu blog en esa ecuación complicada del Page rank/buscadores...

    • Respuesta concreta a tu pregunta

    Si estás habituada a entrar por el blog directamente lo que generalmente se coloca es un enlace al escritorio cuya url sabes de sobra: http://www.blogger.com/home

    La puedes colocar donde creas conveniente.

    Recuerda que al ser un enlace puedes hacer que sea una palabra, una imagen, que se abra en otra ventana, colocar un botón, en un menú....

    - Para hacer un botón tengo esta entrada http://www.blogdelujo.com/2010/09/boton-como-enlace-o-link-tipos.html

    - Distintos tipos de enlaces (enumerados) http://www.blogdelujo.com/2010/03/tipos-links-o-enlaces-listado-y.html

    - Una vez tienes el enlace, para abrirlo en otra ventana: http://www.blogdelujo.com/2009/10/enlaces-en-otra-ventana-targetblank.html


    Si no queda claro, dímelo y te hago el código directamente (^_-)

    No sé si me expliqué o te he liado más (;_・)

    Mil abrazotes enormes!!

    ResponderEliminar
  27. Estaba deseando hacer lo que me has dicho, te leí ésta mañana pero hasta ahora no he podido hacer el botón, lo he puesto con efecto rollover debajo del título de mi blog y ¡¡funciona!!, no me lleva directamente al escritorio, me lleva a la página donde pone eso de :
    Acceda con su
    Cuenta de Google
    Es lo mismo que cuando le daba a Acceder en la Navbar, así que tengo lo mismo pero sin la susodicha barra, jejejeje
    No sabes lo mucho que me has ayudado y lo bien que lo explicas todo, con palabras sencillas y que se entienden perfectamente, me pasaría el día preguntándote cosas pero, me contengo porque si no te volvería locuela perdida, jajajaja

    De todas maneras, igual lo dejo sólo con una imagen, en vez de con el efecto rollover, bueno, ya veré, es que, chica, no veas como me gusta cambiar, jejejje

    Lujo, te doy un millón de gracias, eres super amable y atenta
    Muchos besazos

    ResponderEliminar
  28. @♥ Ana reHolaa,
    Te contesté cuando me fue posible (-^o^-). Me alegro que haya servido de algo lo que te expliqué.

    He visto tu blog y queda fantástico. En realidad tu blog es im-presionante.

    Gracias por tus palabras. Realmente, cuando hago una entrada es porque "me explico" algo.
    Pregunta lo que quieras... Si me es posible contestaré(-^o^-) (^_-)

    Piensa que la clave a tu pregunta está en el concepto enlace. A partir de ahí puedes jugar con imágenes, efectos lo que te dé la gana. (-^o^-)

    Gracias a ti!!
    Abrazotes enormes!
    Muy buen puente y castañada!!

    ResponderEliminar
  29. Holitasss, me contentaste muy rápido, te lo agradezco muchísimo
    Gracias por tus palabras hacia mi blog, no veas como se me sube la autoestima, jajajaa
    Un abrazo de osa, jeje

    ResponderEliminar
  30. @♥ Ana
    De nada!!
    Es verdad lo que dije...Se nota que hay mucho trabajo y profesionalidad.
    Abrazotes!!

    ResponderEliminar
  31. Hola, de nuevo, guapetona, tengo una pregunta para ti, (como en un programa de la tele, jejeje), si en éste código quisiera añadir algo más, por ejemplo, Inicio, para entrar directamente en la portada del blog, ¿tendría que poner algo así como ésto?:
    <a href="http://www.vientoybambu.blogspot.com/blogID=CAMBIAR NÚMERO DE IDENTIFICACIÓN">Inicio</a>
    Lo mismo no es así y como no lo se, acudo rauda y veloz a ti, jejeje
    Miles de besicossss

    ResponderEliminar
  32. @♥ Ana Holaaaaa,
    No exactamente. En este caso es un enlace exterior, no del que se usa para trabajar dentro del blog.

    En este caso, según lo que me comentas la fórmula sería la misma que un enlace normal.

    El modelo es:

    <a href="http://www.nombredetublog.blogspot.com/">Inicio</a>

    Espero que funcione(#^_^#)
    Abrazotes enormes y muy buen finde!

    ResponderEliminar
  33. Lujoooo, eres de lujo, jajajaja, funciona perfectamente, si es que da gusto porque tengo todo a mano en la portada del blog, igual le añado algo más, ya veremos, al final, voy a poner un enlace para cada cosa del blog, jajajaja, es bromaaaaa, a tanto no voy a llegar, jejejeje

    Muchas gracias guapa, es todo un lujo tenerte como asesora blogueril

    ResponderEliminar
  34. @♥ Ana
    Me alegro que te haya funcionado y el concepto sea claro.
    Abrazotes enormes!
    Buen finde!

    ResponderEliminar
  35. Hola Lujo te cuento que implemente este truco en mi blog, aunque no se que me salio mal pues cuando lo visito sin acceder a mi cuenta la barra se sigue viendo, que crees que hice mal, me gustaria ser únicamente yo quien pùdiese ver la barra, porfis ayudame, gracias!!!!

    ResponderEliminar
  36. @Silvia
    No veo la barra.

    La navbar superior está eliminada.

    Solo se me ocurre que la ID no sea correcta.
    Este truquillo solo se puede ver por el dueño del blog, no por los visitantes.

    ResponderEliminar
  37. Hola me encanto la explicacion de este tema, pero tengo un problema cuando toco en los enlaces o botones (no se como llamarlos) me dice Not Found Error 404, lo probe varias veces para ver si me estaba equivocando en algo pero no lo logre solucionar. te agradezco de antemano!!

    ResponderEliminar
  38. @Lylo.S

    Coloca este código en un gadget HTLM:


    <code>
    &lt;span class="item-control blog-admin"&gt;

    &lt;a href="http://blogger.com/home"&gt;Escritorio&lt;/a&gt;

    &#9553;

    &lt;a href="http://www.blogger.com/post-create.g?blogID=<span style="color: rgb(153, 51, 0);">CAMBIAR NÚMERO DE IDENTIFICACIÓN</span>"&gt;Nueva Entrada&lt;/a&gt;

    &#9553;

    <code>
    &lt;a href="http://www.blogger.com/posts.g?blogID=<span style="color: rgb(102, 0, 0);">CAMBIAR NÚMERO DE IDENTIFICACIÓN</span>"&gt;Editar Entradas&lt;/a&gt;
    </code></code><code>
    </code><code>&#9553;</code>
    <code>
    &lt;a href="http://draft.blogger.com/blog-options-basic.g?blogID=</code><code style="color: rgb(153, 51, 0);">CAMBIAR NÚMERO DE IDENTIFICACIÓN</code><code>"&gt;Configuración&lt;/a&gt;

    &#9553;

    &lt;a href="http://www.blogger.com/rearrange?blogID=</code><code style="color: rgb(153, 51, 0);">CAMBIAR NÚMERO DE IDENTIFICACIÓN</code><code>"&gt;Diseño&lt;/a&gt;

    &#9553;

    &lt;a href="http://www.blogger.com/html?blogID=</code><code style="color: rgb(153, 51, 0);">CAMBIAR NÚMERO DE IDENTIFICACIÓN</code><code>"&gt;Edición HTML&lt;/a&gt;

    &#9553;

    &lt;a href="http://www.blogger.com/logout.g"&gt;Salir&lt;/a&gt;

    &lt;/span&gt;

    </code>

    <div style="text-align: justify;">&#9658;Recuerdo que la ID o número de identificación la obtenemos de nuestra barra de navegación al movernos por nuestro blog.
    </div>
    &#9632; En mi caso suprimí una foto que había en el original y cambié las barras. También se pueden añadir enlaces según convenga al usuario bajo la fórmula:
    </div>

    <code>
    &lt;a href="URL"&gt;Nombre&lt;/a&gt;
    </code>


    Espero que te sirva.

    Saludos

    ResponderEliminar

(-^o^-) (^_-) (#^_^#) (ÖoÖ) (*^o^*) (>_<) ( ̄へ ̄)(;_・) (ô_Ó) (O_O) (ˇ~ˇ) (ToT)(Q____Q) ಠ_ಠ (。◕‿◕) [(--)]ZZzzz

- Si el comentario es anónimo hay muchas posibilidades que no se publique.