Pizcos.net

Tweet

Pin It

04/08/2008

00:00

Hace tiempo que quería probar a ver si podía implementar en mi blog algún elemento que solo pudiese ver como administrador y no mis visitas. No penséis mal ☺☺☺, la idea me rondaba la cabeza a raíz de quitar la famosa navbar de Blogger.

Esa barrita antiestética, molesta y que puede resultar perjudicial al poder marcar cualquier blog, tiene un par de funcionalidades útiles que son las de personalizar y crear entradas. Estas funcionalidades se pierden al ocultar la navbar y a mí me resultaban cómodas. Ese es el motivo de querer implementar un elemento que solo pudiese ver yo.

La forma de hacerlo es muy sencilla, solo debemos poner el elemento entre

<span class="item-control blog-admin">
AQUI LO QUE QUERAMOS INCLUIR
</span>

Seguramente algunos podréis darle otros usos útiles y me gustaría lo dejaseis expuestos en esta entrada. El que a mí se me ha ocurrido, mi navbar, os la dejo a continuación

El primer icono me lleva a la página de añadir elementos y el segundo a crear entradas, iré añadiéndole mas iconos, como uno que me lleve directamente a Blogger in draft.

Para ello le he dado forma con un poco de CSS, en el incluyo la opción de ocultar la navbar de Blogger (si ya la tenéis quitada, no es necesario incluirlo) y lo posiciono arriba a la derecha con la posibilidad de que se pueda elegir el background de la barra.

<style><
#navbar-iframe { /* ocultar navbar de Blogguer */
height:0px;
visibility:hidden;
display:none;
}
#lnavbar { /* Nueva barra */
float:left;
background: #ffffff;
padding: 5 auto;
position:fixed; top:0; right:0;
}
</style>

luego incluyo el codigo

<span class="item-control blog-admin">
<div id="lnavbar">
<a href="http://www.blogger.com/rearrange?blogID=ID DE NUESTRO BLOG"><img alt="Personalizar" src="URL ALOJAMIENTO ICONO"/>
<a href="http://www.blogger.com/post-create.g?blogID=ID DE NUESTRO BLOG"><img alt="Nueva entrada" src="URL ALOJAMIENTO ICONO"/>
</a> </a></div> </span>

Deberéis sustituir lo resaltado en rojo por el ID de vuestro blog que podéis verlo, en la barra de vuestro navegador, entrando en vuestro panel de control

http://draft.blogger.com/layout?blogID=ID DE VUESTRO BLOG

Os dejo unos iconos para esta posibilidad, creados en diferentes colores, si necesitarais algún otro no dudéis en pedírmelo.

►Donwload iconos

+ Artículos relacionados de Tutorial