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