Come visualizzare un Pannello di Controllo al posto della Navbar.

Nei blog di Blogger di default è presente una Barra di Navigazione orizzontale nella parte alta del blog che può essere personalizzata anche nei colori. Viene chiamata spesso con il nome inglese Navbar e in molti modelli è stato deciso di nasconderla. Per poterlo fare occorre semplicemente aggiungere questa riga di codice

#navbar-iframe { display: none !important; } 

nel template al di sopra della riga ]]></b:skin>. Nella Navbar ci sono però dei link che possono risultare molto utili per accedere al Design o all'Editor. Usando i tag condizionali utilizzati per mostrare un widget solo all'amministratore del blog, vediamo come si possa inserire una sorta di Pannello di Controllo visibile solo al proprietario del blog e che potrà essere utilizzato da coloro che hanno deciso di nascondere la navbar senza che questo incida in alcun modo sull'aspetto del blog relativamente a quello che continueranno a vedere i navigatori.

L'aspetto di questo Pannello di controllo potrà essere simile a questo

 

e volendo si può personalizzare a piacere anche se, mi ripeto, sarà visibile solo dal proprietario del blog. Come vedete ci sono i link per accedere all'Editor di Blogger (Nuovo Post), per andare nella scheda Impostazioni, per accedere alla scheda Layout (Design) e per moderare i commenti accedendo alla relativa scheda. C'è anche il link per visualizzare le Statistiche e quello per scollegarsi da Blogger e dall'account Google (Esci).

Per prima cosa bisogna fare un backup di sicurezza del template andando su Modello > Backup/Ripristino > Salva modello. Se abbiamo un vecchio modello occorre andare su Modello > Modifica HTML e, senza espandere i modelli widget, cercare la seguente riga

<div id='sidebar-wrapper'>

Se invece usiamo un template del Designer Modelli, sempre senza espandere i modello widget, cerchiamo

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

se vogliamo inserire il Pannello di controllo sulla destra. Sostituiamo right con left se invece lo volessimo visualizzare nella sidebar di sinistra. Nel caso che usiate la Vecchia Interfaccia, incollate subito sotto a tale riga questo codice 

<span class='item-control blog-admin'>
<style>
.panello-di-controllo {padding:10px 5px;}
.panello-di-controllo a {color:#D84938;}
.panello-di-controllo a:hover {color:#008250;}
</style>
<div class='panello-di-controllo'>
<h2 style='color:#003366; font-weight:bold;'>Pannello di Controllo</h2>
<a href="http://www.blogger.com/post-create.g?blogID=XXXXXXXXXX">Nuovo Post</a>&#160;|&#160;
<a href="http://www.blogger.com/blog-options-basic.g?blogID=XXXXXXXXXX">Impostazioni</a>&#160;|&#160;
<a href="http://www.blogger.com/rearrange?blogID=XXXXXXXXXX">Design</a>&#160;|&#160;
<a href="http://www.blogger.com/html?blogID=XXXXXXXXXX">Modello</a>&#160;|&#160;
<a href="http://www.blogger.com/moderate-comment.g?blogID=XXXXXXXXXX">Commenti</a>&#160;|&#160;
<a href="http://www.blogger.com/stats2.g?blogID=XXXXXXXXXX">Statistiche</a>&#160;|&#160;
<a href="http://www.blogger.com/logout.g">Esci</a>
</div>
</span>

dove la prima e l'ultima riga sono i tag condizionali per mostrare il Pannello di controllo solo all'amministratore del blog. Se avete invece già optato per la Nuova Interfaccia della Bacheca di Blogger il codice da incollare sempre nella stessa posizione diventerà quest'altro

<span class='item-control blog-admin'>
<style>
.panello-di-controllo {padding:10px 5px;}
.panello-di-controllo a {color:#D84938;}
.panello-di-controllo a:hover {color:#008250;}
</style>
<div class='panello-di-controllo'>
<h2 style='color:#003366; font-weight:bold;'>Panello di Controllo</h2>
<strong><a href='http://www.blogger.com/blogger.g?blogID=XXXXXXXXXX#editor'>Nuovo Post</a>&#160;|&#160;
<a href='http://www.blogger.com/blogger.g?blogID=XXXXXXXXXX#basicsettings'>Impostazioni</a>&#160;|&#160;
<a href='http://www.blogger.com/blogger.g?blogID=XXXXXXXXXX#pageelements'>Design</a>&#160;|&#160;
<a href='http://www.blogger.com/blogger.g?blogID=XXXXXXXXXX#template'>Modello</a>&#160;|&#160;
<a href='http://www.blogger.com/blogger.g?blogID=XXXXXXXXXX#overviewstats'>Statistiche</a>&#160;|&#160;
<a href='http://www.blogger.com/blogger.g?blogID=XXXXXXXXXX#publishedcomments'>Commenti</a>&#160;|&#160;
<a href='http://www.blogger.com/logout.g'>Esci</a></strong>
</div>
</span>

I parametri in rosso che rappresentano padding (distanze interne) e colori possono essere personalizzati a piacere. Al posto della espressione generica XXXXXXXXXX dobbiamo inserire quello che è l'ID del nostro blog. Per poterlo trovare con facilità basta per esempio aprire l'Editor del blog oppure la scheda Impostazioni 

e copiare la serie di numeri che si trova dopo blogID=.

Concludo prendendo in esame il caso di un modello personalizzato in cui non fosse possibile trovare nel codice le due righe che ho indicato precedentemente. Si può ovviare incollando tutto il codice precedente su Layout > Aggiungi un gadget > HTML/Javascript > Sezioni del sito e posizionandolo a piacere. Non mettete il tiolo al gadget perché altrimenti risulterà visibile anche agli altri utenti.

Fonte | Amanda Fazani -