08 febrero 2014

Barra de administración para el blog.

barra administracion para blogger

Todos los días nos encontramos con cambios en Google para poder acceder a nuestro escritorio de Blogger, ya sea para crear una entrada nueva, para poder modificar la plantilla o por cualquier otro motivo. El caso es que cada vez está más complicado y para ello vamos a ver como podemos instalar una barra de navegación para poder acceder a nuestro panel de administración desde el mismo blog.

La barra de navegación la vamos a instalar en la parte inferior de nuestro blog con una gran cantidad de enlaces a nuestro panel de administración, integrando los siguientes enlaces:

1.- Acceso al panel de Blogger
2.- Crear una nueva entrada
3.- Crear una nuevapágina
4.- Ver todas las entradas
5.- Ver todos los comentarios
6.- Acceder a Diseño
7.- Editar HTML de la plantilla
8.- Acceder a la configuración
9.- Consulte sus estadísticas

Esta barra solo es visible para el administrador del blog, los visitantes no tendrán visión alguna de la barra

Cómo agregar la barra de administración al blog?
Para colocar la barra es muy fácil todo lo que tienes que hacer es ir al panel de Blogger> Plantilla> Edición de HTML y luego encontrar el siguiente código:
Plantillas del diseñador:
<body expr:class='&quot;loading&quot; + data:blog.mobileClass'>

Plantillas modificadas:
<body>

y pegue el código de abajo justo después de cualquiera de los códigos anteriores.
<span class='item-control blog-admin'>
<style>
.control-panel ul{z-index: 1000;position:fixed; margin:0px auto;background-color: #F6F6F6;left:0px;right:0px;bottom: 0; }
.control-panel ul li{display: inline-block; padding: 7px 0px; }
.control-panel ul li a {color:#686868;padding: 7px 15px;border-right: 1px solid #E3E3E3;font-weight: bold;font-size: 13px;}
.control-panel a:hover {text-decoration:none; color:#AD0505;}
</style>
<div class='control-panel'>
<ul>
<li><a href='http://www.blogger.com/home'>Panel de Control</a></li>
<li><a href='http://www.blogger.com/blogger.g?blogID=xxxxxxxxxxxx#editor/src=sidebar'>Nueva Entrada</a></li>
<li><a href='http://www.blogger.com/blogger.g?blogID=xxxxxxxxxxxx#editor/target=page'>Nueva Página</a></li>
<li><a href='http://www.blogger.com/blogger.g?blogID=xxxxxxxxxxxx#posts'>Todas las Entradas</a></li>
<li><a href='http://www.blogger.com/blogger.g?blogID=xxxxxxxxxxxx#comments'>Comentarios</a></li>
<li><a href='http://www.blogger.com/blogger.g?blogID=xxxxxxxxxxxx#pageelements'>Diseño</a></li>
<li><a href='http://www.blogger.com/blogger.g?blogID=xxxxxxxxxxxx#templatehtml'>Editar HTML</a></li>
<li><a href='http://www.blogger.com/blogger.g?blogID=xxxxxxxxxxxx#basicsettings'>Configuración</a></li>
<li><a href='http://www.blogger.com/blogger.g?blogID=xxxxxxxxxxxx#overviewstats'>Estadisticas</a></li>
</ul>
</div>
</span>

Importante: Sustituye las XXXXXXXXXXXXX con la ID única de tu blog donde lo puedes encontrar haciendo clic en cualquiera de las opciones de tu blog, en el panel de blogger> vaya a la configuración y luego mira en la barra de direcciones de tu navegador, allí verás en la URL el número de identificación de tu blog.

Enhorabuena, ya puedes acceder al panel de administración de Blogger desde tu mismo blog.


Escrito por:

Mi nombre es Antonio, soy sobre todo Sevillista y apasionado con los blog desde el 2007.

Sígueme en: | Facebook | Twitter | Google+

21 comentarios

Me Gusta, También pensaba publicar un menú así ^^ pero me ganaste e.e
Saludos Sevillista!!

Buenas noches...yo de nuevo por aquí,otra vez sigo haciendo cambios en mi blog..
Conseguí poner el gadget de paginas encima de la cabecera ya que de la forma que tu lo tienes que se queda fijo cuando bajas me parecía muy complicado...
Hay alguna forma de que el gadget de las paginas ocupe todo el ancho del blog,es decir la banda rosa que se ve en mi gadget que coja todo en ancho .
Aparte se puede añadir los enlaces a las redes sociales que tengo justo ala derecha encima de esa barra?

Espero no liarte mucho,a ver si me encuentras alguna solución.

Gracias por todo
www.27forever.es

HOLA ACABO DE QUITAR EL GADET DE TITULO DE CABECERA ES BUENO? CON ESO PERJUDICA LA BUSQUEDA LOS MOTORES

Rocio modificar un gadget de blogger cuesta su trabajo y más el de páginas, habría que eliminar todo el css de las tabs y colocar un menú aparte en el cual se integrasen las redes.

Un ejemplo sería esto: ver menú

Delmiro, para nada, no te preocupes por ello, el título lo lleva integrado la plantilla.
Si observas tu url, verás el título y el nombre de la entrada.

Hola amigo, muy buena la barra, consulta, para ponerla arriba y centrada como seria??? porque cada vez que me posiciono sobre un link chrome me la tapa con la direccion del enlace... Abrazo...

te sigo molestando amigo, ya logre centrarla y le cambie los colores para que quede igual al sitio pero no logro colocarla arriba del blog...

gracias profesor tengo una pregunta que si me lo puedes resolver .me gustaria que me hubiese marcados los comnentarios cada entrada ,,encima de esta imagen no doy capaz de ponerlo igual ay un fallo https://scontent-a-ams.xx.fbcdn.net/hphotos-ash3/t1/q74/1891297_644493125618604_526007476_n.jpg seria encima de esta imagen y mi bloq es este profesore http://bocaterialapinta.blogspot.com.es/
muchas gracias

Muchas gracias por tu ayuda..he hecho lo que me comentas y el unico resultado en que las paginas se desplazan un poco mas abajo de donde esta nada mas...

y si la quiero centrar??? tambien quiero que quede con los separadores como estaba, espero no ser pesado amigo... Saludos...

Delmiro, te dejo esta entrada de [email protected] para que la lleves a la práctica y me comentas Ver entrada

Centrada la veo y el separador puesto, de todas formas te recuerdo que solo la ves tú.

Este comentario ha sido eliminado por el autor.

debe estar centrada para cierta resolucion de pantalla porque para la mia no se ve, se podra poner para todas las resoluciones???

Delmiro para que funcione debes acceder primero a blogger, si no accedes difícilmente podrás verla.
Es solo para el administrador.

Te repito que solo la ves tú, que más da si esta 10 px o 20px desplazada, el caso es poder acceder desde el mismo blog.

no digo eso. digo que el link me pasate hice lo pasos y no funciona los mensajes dentro del titulo encima de la imagen gracias por responder

perdone ya encontre ese fallo y funiciona perfectamente tube que eliminar unoa cosa para que me leeyese muchas gracias disculpame las molestias

¡Excelente! Muy buena Antonio, me encanta :D


Por favor, comente de acuerdo al tema del artículo.
Serán removidos todos los Comentarios con enlaces.
Si quieres recibir los nuevos comentarios marca "Avisarme"