Cuando decidimos dejar oculta la barra de navegación de Blogger, que figura en la parte superior del blog, se nos presenta un pequeño hándicap: no tenemos a mano el panel de administración que nos permita acceder directamente al escritorio y a la opción de publicar un nuevo post sin dar muchos rodeos. Lo mismo ocurre cuando hacemos uso de una plantilla prediseñada de Blogger, como las de BTemplates, muchas prescinden de la mencionada barrita de navegación, tan imprescindible para unos como molesta para otros. Incluso estéticamente ha sido tachada como poco favorecedora para nuestro blog.

Con este sencillísimo tutorial podremos tener visible la barra aún cuando la tengamos desconectada. La visibilidad de las opciones de la barra (escritorio y nuevo post) se verá como sigue, y sólo estará visible para el/la administrador/a del blog, nunca para los visitantes.
 

  • Ubicación: gadget java y plantilla (añadir CSS).
  • Proceso:

1) EN EL GADGET: Copiar este código:


<center><span class='item-control blog-admin'> <span class="panel_adm"> <strong>Panel de Administrador</strong> <a class="escritorio" href="http://www.blogger.com/home" target="_self" title="Escritorio">Escritorio</a> <a class="post-nuevo" href="//www.blogger.com/post-edit.g?blogID=123456789&from=pencil" target="_self" title="Post Nuevo">Nuevo post</a> </span> </span></center>



Lo marcado en rojo y en negrita (la secuencia de números 123456789) es el ID del blog. Debemos sustituirlo por el del nuestro. El código ID se saca de la barra de direcciones del navegador, desde el panel de escritortio del blog en cuestión. La siguiente imagen lo ejemplifica:


Foto cortesía de Compartidísimo


2) EN LA PLANTILLA: hay que copiar este código en "Añadir CSS" del diseñador de plantillas, opción "Avanzado":


span.panel_adm{display:block;background:#f4f4f4;width:220px;height:75px;border:1px solid #e8e8e8}
.panel_adm strong{font-size:15px;display:block;width:100%;border-bottom:1px solid #e8e8e8;text-indent:6px;padding:4px 0;margin-bottom:10px}a.escritorio{background-image: url(data:image/gif;base64,R0lGODlhEgARALMAALu7u6WlpcfHx46OjoODg2FhYZmZmenp6WxsbHd3d93d3VVVVdLS0rCwsPT09EpKSiH5BAAAAAAALAAAAAASABEAAARW0MkpAaA4t/da/hvXfVQojqR5opi6spI6HEdwevGJUMntACsDxXYC2BCiAqUgQgodKoJAQDgFDhPB6yWgKF6LFQOzAnxPGaZoYDgtMr0tJ5EZyDmESQQAOw==);background-repeat:no-repeat;background-position:10% 10%}
a.post-nuevo{background-image:url(data:image/gif;base64,R0lGODlhEgAQALMAAHd3d93d3cfHx2FhYWxsbIODg46OjrCwsFVVVdLS0kpKSvT09AAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAASABAAAARCcMlJZULq1D2P+gFHJUPiIaG4XApiJuqKfUMsfy2ssp8b87nfLBgD4HyxgoBA3LUEAF3M8CHYJAEFQHNdHATd8CYCADs=);background-repeat:no-repeat;background-position:10% 12%}
a.escritorio, a.post-nuevo {display:inline-block;height:22px;padding:4px 0 0 28px;color:#3399cc;font-size:12px}
a.escritorio{margin-right:24px}
a.post-nuevo:hover,a.escritorio:hover{text-decoration:underline !important;}

¡¡Y listo!! Panel siempre visible para l@s administradores/as aunque la barrita de navegación no lo esté.
    Cuando decidimos dejar oculta la barra de navegación de Blogger, que figura en la parte superior del blog, se nos presenta un pequeño hándicap: no tenemos a mano el panel de administración que nos permita acceder directamente al escritorio y a la opción de publicar un nuevo post sin dar muchos rodeos. Lo mismo ocurre cuando hacemos uso de una plantilla prediseñada de Blogger, como las de BTemplates, muchas prescinden de la mencionada barrita de navegación, tan imprescindible para unos como molesta para otros. Incluso estéticamente ha sido tachada como poco favorecedora para nuestro blog.

    Con este sencillísimo tutorial podremos tener visible la barra aún cuando la tengamos desconectada. La visibilidad de las opciones de la barra (escritorio y nuevo post) se verá como sigue, y sólo estará visible para el/la administrador/a del blog, nunca para los visitantes.
     

    • Ubicación: gadget java y plantilla (añadir CSS).
    • Proceso:

    1) EN EL GADGET: Copiar este código:


    <center><span class='item-control blog-admin'> <span class="panel_adm"> <strong>Panel de Administrador</strong> <a class="escritorio" href="http://www.blogger.com/home" target="_self" title="Escritorio">Escritorio</a> <a class="post-nuevo" href="//www.blogger.com/post-edit.g?blogID=123456789&from=pencil" target="_self" title="Post Nuevo">Nuevo post</a> </span> </span></center>



    Lo marcado en rojo y en negrita (la secuencia de números 123456789) es el ID del blog. Debemos sustituirlo por el del nuestro. El código ID se saca de la barra de direcciones del navegador, desde el panel de escritortio del blog en cuestión. La siguiente imagen lo ejemplifica:


    Foto cortesía de Compartidísimo


    2) EN LA PLANTILLA: hay que copiar este código en "Añadir CSS" del diseñador de plantillas, opción "Avanzado":


    span.panel_adm{display:block;background:#f4f4f4;width:220px;height:75px;border:1px solid #e8e8e8}
    .panel_adm strong{font-size:15px;display:block;width:100%;border-bottom:1px solid #e8e8e8;text-indent:6px;padding:4px 0;margin-bottom:10px}a.escritorio{background-image: url(data:image/gif;base64,R0lGODlhEgARALMAALu7u6WlpcfHx46OjoODg2FhYZmZmenp6WxsbHd3d93d3VVVVdLS0rCwsPT09EpKSiH5BAAAAAAALAAAAAASABEAAARW0MkpAaA4t/da/hvXfVQojqR5opi6spI6HEdwevGJUMntACsDxXYC2BCiAqUgQgodKoJAQDgFDhPB6yWgKF6LFQOzAnxPGaZoYDgtMr0tJ5EZyDmESQQAOw==);background-repeat:no-repeat;background-position:10% 10%}
    a.post-nuevo{background-image:url(data:image/gif;base64,R0lGODlhEgAQALMAAHd3d93d3cfHx2FhYWxsbIODg46OjrCwsFVVVdLS0kpKSvT09AAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAASABAAAARCcMlJZULq1D2P+gFHJUPiIaG4XApiJuqKfUMsfy2ssp8b87nfLBgD4HyxgoBA3LUEAF3M8CHYJAEFQHNdHATd8CYCADs=);background-repeat:no-repeat;background-position:10% 12%}
    a.escritorio, a.post-nuevo {display:inline-block;height:22px;padding:4px 0 0 28px;color:#3399cc;font-size:12px}
    a.escritorio{margin-right:24px}
    a.post-nuevo:hover,a.escritorio:hover{text-decoration:underline !important;}

    ¡¡Y listo!! Panel siempre visible para l@s administradores/as aunque la barrita de navegación no lo esté.