Pubblicato il 09/03/12e aggiornato il

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

 pannello-controllo

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 

id-blog 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 -





3 commenti :

  1. ciao ernesto, ho fatto una ricerca qui sul tuo blog ma non ho trovato nulla. Visualizzando le statistiche nella dashboard di blogger mi sono accorta che ci sono una serie di siti porno che sono all'origine del traffico per il mio blog. Ho come la sensazione che altri utenti cliccando il mio blog nell'elenco di lettura vedano aprirsi due finestre una relativa al mio blog e una su questi siti. Ti risulta come cosa e ce la possibilità di porre rimedio, grazie e buon anno

    RispondiElimina
    Risposte
    1. E' già successo che ci fossero dei link a siti per adulti nelle statistiche di Blogger. Si trattava di bug che ora però credo siano risolti. In ogni caso meglio non cliccarci sopra. Eventualmente copia l'indirizzo e apri il sito in una scheda con navigazione anonima. Ci sono anche per questo blog provenienze simili visto che alcuni di questi siti hanno inserito dei widget con il link al post delle istruzioni. In linea di massima non dovresti preoccuparti troppo visto che non puoi controllare chi ti linka e da che pagine arrivano i tuoi visitatori
      @#

      Elimina

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti. Se ti ho aiutato con il post o con le risposte ai commenti condividi su Facebook o su Twitter. Grazie.