Agregar un panel de acceso rápido en el blog

Algunos usuarios prefieren no ocultar la navbar porque desde ahí les parece más sencillo tener las opciones de "Nueva entrada", "Diseño" y "Salir". Sin embargo podemos tener estas opciones y otras más en alguna otra parte del blog.

En esta entrada veremos cómo poner un panel de acceso rápido a las funciones principales del blog de modo que desde el mismo blog podamos tener acceso a:

• Crear una nueva entrada
• Configuración del blog
• Diseño
• Plantilla (Edición de HTML en la antigua interfaz)
• Moderar comentarios del blog
• Estadísticas de visitas
  
• Salir de Blogger

Pondremos todas estas opciones en la sidebar, pero como son opciones que a los lectores no le interesan haremos que sólo sean visibles para el administrador del blog, el resto de los usuarios no las verá.

El resultado será algo así:

Lo primero que haremos será conseguir el ID de nuestro blog, ese puedes obtenerlo haciendo click en cualquier opción del blog, por ejemplo en Configuración. Una vez que hayas hecho click ahí verás en la barra de direcciones una URL, los números que están al final son el ID de tu blog.

Si usas la nueva interfaz esos números los verás en medio de la URL.

Copia la ID de tu blog, luego entra en la Edición HTML y SIN expandir artilugios busca esta línea:

<div id='sidebar-wrapper'>

Si usas una plantilla del Diseñador de Plantillas entonces busca esta línea:

<div class='column-right-outer'>

Debajo de cualquiera de ellas dos agrega el siguiente código, únicamente si usas la interfaz antigua:

<span class='item-control blog-admin'>
<style>
.panel-de-control {padding:10px 5px;}
.panel-de-control a {color:#0489B1;}
.panel-de-control a:hover {text-decoration:underline; color:#045FB4;}
</style>
<div class='panel-de-control'>
<h2>Panel de Control</h2>
<a href="http://www.blogger.com/post-create.g?blogID=XXXXXXXXXX">Nueva Entrada</a> |
<a href="http://www.blogger.com/blog-options-basic.g?blogID=XXXXXXXXXX">Configuración</a> |
<a href="http://www.blogger.com/rearrange?blogID=XXXXXXXXXX">Diseño</a> |
<a href="http://www.blogger.com/html?blogID=XXXXXXXXXX">Edición HTML</a> |
<a href="http://www.blogger.com/moderate-comment.g?blogID=XXXXXXXXXX">Moderar Comentarios</a> |
<a href="http://www.blogger.com/stats2.g?blogID=XXXXXXXXXX">Estadísticas</a> |
<a href="http://www.blogger.com/logout.g">Salir</a>
</div>
</span>

Y si usas la nueva interfaz entonces el código que deberás añadir es este:

<span class='item-control blog-admin'>
<style>
.panel-de-control {padding:10px 5px;}
.panel-de-control a {color:#0489B1;}
.panel-de-control a:hover {text-decoration:underline; color:#045FB4;}
</style>
<div class='panel-de-control'>
<h2>Panel de Control</h2>
<a href="http://www.blogger.com/blogger.g?blogID=XXXXXXXXXX#editor">Nueva Entrada</a> |
<a href="http://www.blogger.com/blogger.g?blogID=XXXXXXXXXX#basicsettings">Configuración</a> |
<a href="http://www.blogger.com/blogger.g?blogID=XXXXXXXXXX#pageelements">Diseño</a> |
<a href="http://www.blogger.com/blogger.g?blogID=XXXXXXXXXX#template">Plantilla</a> |
<a href="http://www.blogger.com/blogger.g?blogID=XXXXXXXXXX#publishedcomments">Moderar Comentarios</a> |
<a href="http://www.blogger.com/blogger.g?blogID=XXXXXXXXXX#overviewstats">Estadísticas</a> |
<a href="http://www.blogger.com/logout.g">Salir</a>
</div>
</span>

Ya sólo cambia las XXXXXXXXXX por la ID de tu blog que copiaste previamente, y ten cuidado de no eliminar nada, ni una comilla ni ningún otro caracter. Cuando termines guarda los cambios y listo.

Ojo, en la Vista Previa no lo verás, tendrás que guardar los cambios para poder verlo.

Si usas una plantilla personalizada es posible que no encuentres las líneas donde se tiene que poner, en esos casos y/o en los casos en los que el panel de acceso rápido se quiera poner en otra parte del blog, puedes poner el código dentro de un gadget HTML/Javascript, pero no le pongas título a ese gadget, si lo haces entonces condiciona ese gadget para que sólo sea visible para el administrador.

De esta manera podrás tener un panel de acceso rápido a las funciones del blog y sólo estará visible para el administrador del blog. Así no tendrás que tener siempre abierta la página del blog y la página de Blogger al mismo tiempo.

Vía | BloggingTips