68

Acceso al panel de Blogger desde el blog

Una de las modificaciones más populares para los blogs de Blogger es, sin duda, la de ocultar la Navbar que Blogger coloca por defecto en la parte superior de nuestros blog.

Sin duda alguna, el blog queda mucho mejor sin este elemento, pero al mismo tiempo se pierde el acceso directo a nuestro panel de Blogger que la Navbar proporciona.

En Bloggingtips he visto la forma de crear un widget para administrar nuestro panel de Blogger desde el mismo blog, que será muy útil si estamos acostumbrados a usar la Navbar pero hemos decidido ocultarla.
Lo mejor de este widget es que solo el administrador del blog tendrá acceso, es decir, el widget no es visible para los visitantes del blog.

[1] Para crear el panel de control de administrador, tendremos que conocer antes el número de identificación de nuestro blog,  ya que cada blog posee un número propio que tendremos que colocar en los enlaces del panel.

Para saber cual es el número que identifica a nuestro blog tendremos que conectarnos a nuestro panel de Blogger y en cualquier página de nuestro panel nos fijaremos en la dirección que muestra nuestro navegador, y que será algo como esto:

 
Podemos anotarlo en el blog de notas, por ejemplo, para usarlo más tarde en la construcción de los enlaces.

[2] En este paso Amanda, la autora del artículo,  nos indica donde debemos colocar el código del widget dentro del html de nuestra plantilla, pero yo voy a recomendaros una forma más sencilla para incluirlo en el blog, ya que he notado en mis pruebas, que en alguna plantilla, el widget a pesar de no ser visible, si muestra el espacio que ocupa.

También he prescindido de ponerle título al elemento ya que no me parece ni muchos menos imprescindible, no obstante si alguno quisiera incluirlo, puede copiar el código en la página de la entrada original.
Este es el código que hemos de copiar y para después colocar nuestro Número de identificación del blog donde dice Idnumber:
<span class='item-control blog-admin'>
<img src="http://3.bp.blogspot.com/_8PJ-pgoBhWQ/SNmUcZtuboI/AAAAAAAAESU/9KpauxXah_o/s320-R/adminin.jpg" /><a href="http://blogger.com/home">Acceder</a>
|
<a href="http://www.blogger.com/post-create.g?blogID=Idnumber">Nueva Entrada</a>
|
<a href="http://draft.blogger.com/blog-options-basic.g?blogID=Idnumber">Configuración</a>
|
<a href="http://www.blogger.com/rearrange?blogID=Idnumber">Diseño</a>
|
<a href="http://www.blogger.com/html?blogID=Idnumber">Edición HTML</a>
|
<a href="http://www.blogger.com/logout.g">Salir</a>
</span>
He incluido el icono de las herramientas de Blogger al principio del widget, para eliminarlo bastará con borrar esta línea:

<img src="http://3.bp.blogspot.com/_8PJ-pgoBhWQ/SNmUcZtuboI/AAAAAAAAESU/9KpauxXah_o/s320-R/adminin.jpg" />

[3] Una vez tengamos el código listo para usar, podemos pegarlo en cualquier widget de nuestro blog, o incluso en uno que contenga cualquier otra cosa después del contenido que ya teníamos colocado en el previamente.

Aunque para vosotros no es visible, mi panel de control está situado justo al pie del blog y lo he incluido directamente debajo y en el mismo widget que los enlaces del pie del blog:

Entradas Relacionadas:

68 comentarios:


Anónimo

Muy bueno este tip, aunque soy de las personas que les deja el crédito a quién me facilita alguna cosa, en este caso que es blogger he de dejar su barra =).

De cualquier forma esta muy bueno el aporte, por cierto, siempre que puedo me paseo por tu blog y he utilizado lo de la imagén de fondo y el script de letras en movimiento, muy bueno!!! =).

Anónimo

Hace tiempo usaba la barra justamente para poder entrar :D, luego la quité y ya me acostumbré a escribir blogger.com y ya.

Pero un atajo nunca biene mal.

Lss Rutas de Angelica

Pasando a dejar saludos y bendiciones acompañados de un fraternal abrazo.

Anónimo

hola.

Estoy modificando mi plantilla de blogger...

tomé una plantilla hecha de una página... y ahora estoy cambiando algunas cosas... pude cambiar la cabecera... pero ahora, al intentar cambiar todo el fondo... no se cambia entero... solamente la parte de la midad para abajo de la pagina queda en otro color... cuando cambio esto:

" #content-wrapper {
width: 1010px;
margin: 0 auto;
text-align: left;
padding: 2px;
background: #27465A url(http://img120.imageshack.us/img120/663/01fs5.png) repeat-x;
"


No se que es lo que tengo que cambiar para que también cambie el fondo de la parte de arriba... porque me queda una entrada de la forma original.. y las entradas de más abajo con el color que yo le pongo.

Anónimo

Vanesa, para cambiar el fondo de tu página tendrás que hacerlo en body{ no ahí.
Mira esta entrada (aunque ponga que es para la mínima sirve para todas):
http://elescaparatederosa.blogspot.com/2007/01/imagen-en-el-fondo-de-pgina-blogger.html

Unknown

Pero que buen atajo!!!!!!! :)
y lo bueno es que solo la ve el administrador
en cuanto pueda la habilito y la nube mejorada, no me gustaba que no se viera en ixplorer aunque no lo use jejej :D

Muchos besos y que tengas un lindo fin de semana

Anónimo

Muchas gracias Rosa. Ya pude solucionarlo.

Ahora sigo con otros truquitos.

Anónimo

CarlitoX , me parece bien lo que dices, de hecho yo, una vez oculté la barra, coloqué el botón en referencia a Blogger en mi sidebar.
Un saludo.

Anónimo

SpamLoco, ¿puedes creer que yo jamás la usé? :-)

Anónimo

Angélica, tu visita me recuerda que hace tiempo que no me paso por tu blog :-$

Anónimo

hola
antes que nada quiero felicitarte por tu blog
tengo una duda si se puede poner un intro en flash o otro tipo en blogspot
y si se puede me podrias decir como se hace
gracias

Anónimo

adolfo, mira en esta entrada a ver si te es útil:
http://elescaparatederosa.blogspot.com/2007/10/colocar-un-banner-o-imagen-flash-en-el.html

Rene

Saludos desde méxico, Rosa.

Mi comment, solo para agradecerte el refresco del conocimiento viejo y el nuevo. Muy didáctico.

Si bien mucho de lo que aportas circula en la red, lo que lo hace distinto en tus aportes es la claridad, lo ameno. Lo mejor es la sencillez con que explicas, vamos, bajas lo arcano al lenguaje común.

Anónimo

Hola, la barra navbar es útil para hacer un acceso aleatorio de blgs, es una foma de descubrir de casualidad blogs nuevos, sobre todo que no sean españoles.

Me pregunto si ese tip sirve para poner pestañas, que es algo qu no logro conseguir.

Anónimo

Wow, por fin el código que identifica las cosas que solo puede ver el administrador. Esto puede ser verdaderamente útil, utilizando condicionales incluso.

Gracias por el tip Rosa :p

Anónimo

Ooooorale hace tiempo que queria quitar la barra pero no lo hacia por no perder esos accesos, que magnífico truco, gracias Rosa.

PedroX

Rosa, pareciera que leyeras mi Mente xD..
Hace algun tiempo queria colocar el formulario de comentarios (de la vieja forma) porque ya estaba cansado del pop-up y del otro, y cuando entro aquí me encuentro con una sorpresa: ¡YA ESTA DISPONIBLE UN FORMULARIO DE COMENTARIOS PARA BLOGGER! xD

Ahora, hace como 4 dias quite la Navbar de mi Blog, y cada vez que queria crear una entrada tenia que ir hasta el footer del blog donde tenia el enlace hacia blogger, y era un lio.. Y hoy estuve pensando en volver a colocar la Navbar. Pero primero quise pasar por aquí (como todos los Dias), ¿Y que me encuentro?: ACCESO AL PANEL DE BLOGGER DESDE EL BLOG.. (solo lo ve el administrador). Perfecto Gracias. Ya mismo lo hago...

Saludos!!!!!

Anónimo

Zinquirilla...¿pestañas? :-X

Anónimo

PedroX , ja,ja, pues no, aún no tengo ese poder...¡más quisiera! :-)

Un abrazo!

Unknown

que util es tener la barra en tu blog :)
así puedes hacer todo desde tu casita ^^
este truco es genial, vaya Rosa, con los desastres que está haciendo blogger tu deberías ir a enseñarles jejejejej :D prrrr

Muchos besos y un abrazote miaumiga ^_^

Quique

Excelente! Gracias por compartirlo!

MINDistortion

gran aporte rosa mereces q bill gates te ponga como socia de Microsoft xD gracias x el dato

Anónimo

jajaja!! nah, merece algo mejor que billy, aunque si creo que se acepte gente que ayuda deinteresadamente sin esperar nada a cambio, esto sería algo totalmente incongruente a las políticas de M$

Anónimo

Hola Rosa: te queria felicitar por el blog, es excelente y me sirven mucho tus consejos (apliqué algunos en mis blogs).
La verdad es que tus explicaciones son muy claras y siempre me resulta muy sencillo de aplicar todo lo que explicas.
Siempre me doy una vuelta por tu página (te tengo en favoritos).
Muchos saludos y felicitaciones nuevamente.

Céfiro

Yo tengo la barra oculta y aparece cuando acerco el cursor a la parte superior del blog. Creo que ese truco lo saqué de tu página, así que aprovecho para darte las gracias que no te di en su momento.

Salud.

Anónimo

Sí, pestañas, para poner las categorías del blog pero si es invisible para visitantes no tieeen sentido. Aando buscando cóomo poner pestañas (lo que tienes debajo del dibujo en forma de recuadro).

Anónimo

Zinquirilla, con pestañas el único que ahora tengo es este, que funciona con las etiquetas, en unos días publicaré como colocar uno igual al mio:
http://elescaparatederosa.blogspot.com/2007/03/men-en-forma-de-pestaas-en-blogger.html

Mary Lovecraft

querida Rosa, tengo un problema! ¿podrías ayudarme???? no sé qué pasó pero se me "encriptó" un gift que quise poner de fondo en el título: es grande, está descuadrado y lo que es peor, no quiere marcharse :( le doy a "eliminar imagen" dentro del elemento de página "título" y no me hace caso :(
¿tiene remedio?? :(

está en:

http://dateprisaqueyavoytarde.blogspot.com

si lees esto por favor, déjamo un mensaje en la chatbox para saber que me respondes!
gracias de nuevo mil :(

Mary Lovecraft

por cierto, esta utilidad es practiquísima (estuve buscando por tiempo algo así para aligerar mi barra superior) pero es que ahora ya no me atrevo a tocar nada :(

Silvana Tapia

Justamente andaba buscando un código para volverle a poner una navbar a uno de mis blogs jeje. Muchas gracias por esto, funciona de maravilla, ahora ya no necesito la navbar!

Anónimo

Practico y funcional, ya no tendré que escribir en la barra de direcciones, "blogger". ¡Gracias y salud!

Anónimo

Hola Rosa, he puesto el código y me ha funcionado a la primera!!! Y es super útil, me encanta ^^

Lo único malo es que no sé como ocultal la barra de arriba, he seguido los pasos, puesto ese código tal como esta, pero nada, creo que hay algún conflicto de códigos... hace tiempo borre la barra, luego la volví a poner y ahora la quiero ocultar pero algo debe interferir en la orden, ya que pasa de mi (>.<)
Por fa cuando tengas un ratito puedes mirar que puede ser? Si quieres mi plantilla me lo dices y te la paso, un beso y gracias!

Eulogio Diéguez Pérez (Logio)

Un reto Rosa:
Como poner gadgets en posts para quitar peso a la entrada.

Anónimo

Eulogio, eso de momento no es posible, Blogger no da acceso al código completo de los gadget...
Lo más que puede hacerse que yo sepa es esto:
http://elescaparatederosa.blogspot.com/2008/01/mostrar-un-widget-en-una-pgina.html

Anónimo

Alexia Stark , has colocado el código correctamente, el problema es que has añadido al comienzo del código un texto para localizarlo dentro de la plantilla y eso es lo que has hecho mal...
Tu lo tienes así:
<!-- Ocultar barra blogger -->
#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}

Eso no es correcto, es decir, este tipo de "señal" <!-- --> no puede usarse en el CSS como tu has hecho, solo en el html, sirve para que el texto que está dentro no se vea en la plantilla, pero al usarlo en el css se toma como una orden de "no ejecutar" el código que va detrás.

Cambia esa línea por esta:

/* Ocultar barra blogger
------------------------ */

Así es como se hace para "marcar" dentro del css, verás como solo haciendo eso la barra se oculta.

Anónimo

Oye rosa.. sabes que, se me ocurrio algo, lo acabo de implementar, y me ha gustado el resultado.

No sé a tí, pero a mi no me gusta llegar y abrir mi blog, y ver ese monton de quick edits, por todas partes.

O sea esto:
Herramienta para edición rápida de Widget

Sobre todo porque, algunos widget, tenemos que estarlos editando, pero otros, jamas los editamos !!

Entonces, se me ocurrió, porque no ocultar los quickedit, y poderlos mostrar solo cuando nosotros queramos?

Y lo he hecho combinando el truco de mostrar/ocultar en javascript, con este truco. Te cuento como me fue, a ver si lo puedes agregar al apartado principal o bien crear otra entrada. Posiblemente siga revisando los trucos y adoptando nuevas formas, como pago por toda la ayuda que me haz binrdado :p

OCULTAR LOS "QUICKEDIT" PARA MOSTRARLOS CUANDO QUERAMOS.

Que te parece rosa :p ? Será que sirve? :S

Protegon, finales de Set 2008
El Escaparate de Rosa

Anónimo

Excelente, ya mismo lo pongo en mi blog, muchas gracias Rosa. Por todas estas informaciones!!!.

Saludos!.

Anónimo

Wow protegon está genial! jamas se me hubiera ocurrido, pero estuve intentando y la parte del script me da un mensaje de que no puedo cerrar las tag ¿qué estaré haciendo mal? :(

Anónimo

Gracias Rosa, como siempre genial. ¡Muy útil!
Salud!

Anónimo

Protegon , muy interesante, aunque yo soy de las que no molestan las herramientas, pero estoy segura que a más de uno le interesará.

En cuanto tenga un rato lo compruebo por mi misma, ya que veo arriba que Banshee ha tenido algún problemilla...si todo está ok lo publicaré tal cual en tu nombre.

Mil gracias y un saludo! :-L

Anónimo

Hola, bueno solo queria avisar que fue un error de dedo mio, el truco me ha servido bastante gracias protegon y rosa! Y felicidades por el blog rosa te lo haz currado!

Anónimo

Dios que cabeza la mía, si seguro que más de cuatro cosas no me van por tonterías como esta... menos mal que siempre se puede contar contigo, mil gracias Rosa!!! (-^o^-)

Anónimo

No me la sabia esa soy casi nuevo gracias por el ejemplo, tratare de aplicarlo.

Anónimo

Hola Rosa,

No consigo que funcione, en mi blog el contenido del (span class='item-control blog-admin') no es visible para el administrador (lo he puesto en la sidebar justo sobre la caja de subscripciones, precedido de un símbolo "@").

Creo que tengo algo mal en la plantilla porque tampoco me aparecen los iconos de edición rápida aunque la opción está activada.

Por cierto, no creo que esté relacionado pero tampoco me funcionan los trackbacks a pesar de que están activados.

Te estaría muy agradecido si pudieras ayudarme. Cualqueir sugerencia es bienvenida.

Muchas gracias.

Anónimo

Banshee, que bueno que te funcionara!

Argenium, eso talvez se deba a que no tienes activada la opción en el panel de tu blog. Para activarla tienes q irte a

http://www.blogger.com/blog-options-basic.g?blogID=LA_ID_DE_TU_BLOG.

O sea, tienes q entrar en la parte donde se crean entradas y todo eso, luego vas a

Configuración -> Básico -> ¿Mostrar Edición rápida en su blog?

Y le marcas que si y debería salirte. ;P

Anónimo

aergenium , si has hecho todo correctamente debería de funcionar...recuerda que para ver los enlaces de administrador tienes que estar conectado antes a Blogger, sino no puedes verlos.

En cuanto a la edición rápida,dices que la opción está activada, pero aún así en algunos casos como el lápiz de las entradas podría no mostrarse, mira en esta entrada como hacer para recuperarlo:
http://elescaparatederosa.blogspot.com/2008/05/recuperar-el-lapiz-de-edicion-y-el.html

Los trackbacks también dices que están activados...es raro, porque entonces deberían salir, no obstante mira en estas entradas de Jmiur si puedes solucionar algo de eso:

http://vagabundia.blogspot.com/2008/06/blogger-y-vnculos-de-retroceso-1.html

http://vagabundia.blogspot.com/2008/06/blogger-y-vnculos-de-retroceso-2.html

Anónimo

No puedo creer que SpamLoco no ocultara la navbar para poder entrar y que para hacerlo escribiera la home de blogger! Tipo inteligente y no pispeó la utilidad del logo de blogger ;P. Pasa porque tiene un blog buenísimo.
Por cierto, poner el logo de blogger me parece más económico que esto pero está interesante.
Recuerdos, Rosa.
leo

Anónimo

Hola Rosa.-

Muy bueno este truco, entonces solo lo puedo ver cuando ya he inciado sesion, que bien!.-

Ya lo he puesto y me ha quedado de lo mejor, gracias por tu ayuda tan buena y eficaz siempre!.-

Unknown

Genial truco Rosa, como siempre!!!!
Sos una genia!
La unica pregunta es, una ves que ocultamos la Navbar, como hacer que la image de cabezera suba para ocultar el pespacio que dejo la Navbar?? Ya que me quedo un espacio en blanco.
Muchas gracias Rosa. Sos una idola!

Anónimo

Max, prueba añadiendo en header-wrapper{
una línea que diga: margin-top: 0px;

Anónimo

Hola, Rosa. Estoy empezando con esto del blog y me voy tropezando con problemas, algunos de los cuales he solucionado consultando tus artículos y las preguntas que otra gente te ha hecho. Hoy he conseguido (mil gracias por ello) poder acceder al panel de Blogger pese a que mi Navbar estaba oculta.
También quisiera saber si puedo utilizar más fuentes para publicar mis artículos. Con la plantilla que tengo sólo me deja usar 6 fuentes distintas y he visto en otros blogs que, con la misma plantilla, publican con otros tipos de letra más atractivos. Mi blog (si es que llega a ver la luz) está destinado a mis alumnos de inglés de un colegio de primaria y el aspecto de los artículos y su atractivo tienen una importancia añadida a la hora de motivarles.
Gracias, y enhorabuena por tu estupendo blog.
http://whirlpoolsremolinos.blogspot.com/

paqui

Rosa no se que pasó pero no salió el comentario, solo darte las gracias llevaba tiempo buscando algo así.
Besicos

yaxkukmok

Gracias por estos tips.
¿Quiero saber si hay alguna forma de ocultar solamente la opción de marcar blog y dejar el resto de la barra?
Saludos.
Encontré tu blog buscando una solución para la navbar.me ha sido de mucha ayuda.

Anónimo

yaxkukmok, ese es el mayor problema de la navbar...el dichoso "marcar blog", pero no puede ocultarse, de hecho Blogger controla ese código, lo único posible es ocultar la barra al completo.

Dhinmabu

Hola Rosa. Mil gracias por este aporte. Era lo que estaba necesitando. Eres una grandeeeeee

Saludos desde Argentina y de un principiante en todo esto.

Unknown

Muy bueno Rosa:
una gran utilidad,para el manejo del blog,gracias por tus aportes

Anónimo

Hola Rosa, me da un poco de vergüenza preguntar esto, y te pido disculpas de antemano. Mira si utilizo un ordenador puedo ver el icono de acceso rápido ("la llave y el destornillador cruzado) o el lápiz de acceso rápido a las entradas o esto que explicas en esta entrada. Sin embargo, si utilizo otro ordenador que hay en casa no puedo ver ninguno de estos iconos. ¿Cómo puedo solucionar esto? Un saludo, me encanta tu blog.

Anónimo

Inés, los iconos solo se ven si has accedido antes a tu panel de Blogger, si entras al blog sin logearte, no los ves...tiene que ser eso, porque no depende del ordenador para nada...

Antonieta H.

esoooo me gusta como queda :) gracias... y yo extrañando esa barra fea jajaja

paqui

Me viene fenomenal, gracias Rosa

Anónimo

Muchas gracias por la ayuda que me diste ayer sobre este tema..

La Dueña

Gracias Rosa, por tus consejos me viene genial esta widget :D

web

muy bueno gracias

lille skvat

Genial como siempre. Muchas gracias :-)

Saludos,

Lille Skvat
http://lilleskvat.blogspot.com

C

Gracias!! Esto me ha servido muchisimo! Hacia tiempo que queria quitar la navbar, pero era mas dificil acceder al panel :P

Patricia - La Siesta de Cristóbal

Rosa,
Ya estoy aqui de nuevo con mis consultas y muy preocupada.
He incluido las tre columnas del footer con mis grandes dificultades, aún tengo que mejorarlas mucho, para ello quité todo elemento de html y al volver a ponerlo me han desaparecido lo elementos de edicion rapida así como el acceso a la barra de blogger que habia hecho siguiendo tus instrucciones y que habia salido perfecto....SOS ¿Que puede haber pasado?, no encuentro el error. Gracias otra vez

Patricia - La Siesta de Cristóbal

Perdón otra vez, arreglado, hay que borrar el historial de Internet como tu muy bien aconsejas en multitud de ocasiones y todo vuelve a funcionar con normalidad. Gracias y perdón de nuevo

Patricia - La Siesta de Cristóbal

Pues no, vuelta a las desapariciones y ademas todo aparece en minusculas, me refiero a la parte del copyright....¿¿??

Publicar un comentario

Si vas a dejar una consulta, procura tener habilitado tu perfil en Blogger o deja la url del blog a revisar (no enlace).

Los comentarios están siendo moderados.

:) :(( :( :P :D :$ ;) :I :X :O |O :S