Pubblicato il 24/03/11 - aggiornato il  | 23 commenti :

I migliori menù per Blogger.

Elenco dei più belli e interessanti menù per Blogger presentati in questo blog con i tutorial per le loro personalizzazioni.
Forse il titolo è un po' pretenzioso ma in tre anni di blogging ho presentato diversi menù che sono stati utilizzati con soddisfazione da molti lettori assidui e saltuari di questo blog.

Con l'avvento del Designer Modelli è diventato sempre più difficile creare dei menù che siano compatibili con i nuovi template ma qualcuno si riesce comunque sempre a realizzare.

Con questo post passo in rassegna la gran parte di quelli che ho già presentato e di cui ho condiviso il codice. Inizierò dai più vecchi fino ai più recenti.

Vedere lo stile approssimativo e la incapacità tecnica che avevo agli inizi dell'avventura del blogging, evidentissimi in quelli proposti tre anni fa, mi fa anche una certa tenerezza.






Il primo che realizzai è veramente da assoluto principiante. Se siete alla ricerca di un menù, date un'occhiata a questa pagina che forse troverete quello che vi serve.






  1. Menù laterale scorrevole -
  2. Menù a tendina per sidebar -
  3. Menù espandibile a soffietto -
  4. Tre Menù a scomparsa nella parte alta del blog -
  5. Menù orizzontale sotto l'intestazione -
  6. Chrome Drop Down Menù a tendina -
  7. Chrome Drop Down Menù (seconda versione) -
  8. List-O-Matic per Menù personalizzati -
  9. Menù orizzontale multilivello -
  10. Menù verticale per sidebar -
  11. Menù orizzontale per template del Designer modelli -
  12. Megamenù (seconda versione) -
  13. Menù orizzontale drop down (terza versione) -
  14. Menù scorrevole per i nuovi modelli -
  15. Menù orizzontale con casella di ricerca -
  16. Menù verticale grigio per sidebar -
  17. Menù orizzontale su più livelli -
  18. Dock Menù con icone animate -
  19. Menù orizzontale personalizzabile per l'header -
  20. Popup Menù compatibile con i nuovi modelli -
  21. Creare un menù usando il widget delle pagine statiche -
  22. Menù JQuery Accordion per nuovi modelli -
  23. Top Slide Menù con social network e feed -
  24. Drop Down Menù a più livelli -
  25. Menù orizzontale popup con immagini -
  26. Menù a tendina con una lista di link -
  27. Menù orizzontale o verticale con immagini -
  28. Menù a tendina con tutti  i titoli dei post pubblicati -
  29. Come installare menù anche nei nuovi template del Designer modelli -
  30. Menù verticale con tutte le etichette del blog -
  31. Menù verticale colorato con tutte le etichette -
  32. Menù verticale multilivello per la sidebar di sinistra -
  33. Semplice menù orizzontale -
  34. Megamenù orizzontale Drop Down -
  35. Menù Verticale con tutti i titoli dei post -
  36. Menù scorrevole a scomparsa -
  37. Creare menù aggiungendo link a quello delle pagine statiche -
  38. Menù circolare per Blogger -
  39. Menù per Blogger senza HTML -
  40. Personalizzare la larghezza del menù delle pagine statiche -
  41. Megamenù Dropdown con più colonne -
  42. Semplice Menù sopra l'Header di Blogger -
  43. Personalizzare nel menù l'aspetto di ciascuna pagina statica -
  44. Large DropDown Menù per Blogger -
  45. Menù multicolore e multilivello -
  46. Come installare un menù direttamente nel modello -
  47. Come personalizzare il menù delle Pagine Statiche -
  48. Menù quadrato con effetti di transizione CSS3 -
  49. Menù verticale a tendina per tutti i browser -
  50. Menù orizzontale su due livelli senza javascript -
  51. Menù orizzontale su più livelli -
  52. Menù a tendina per i blog a Visualizzazione Dinamica -
  53. Menù Drop Down Flottante per Blogger -
  54. Menù per condividere sui social con CSS-
  55. Menù Orizzontale su tre livelli con HTML5-
  56. Menù Colorato ruotante-
  57. Menù a Libro per Pagina Statica-
  58. Inserire icone nel menù delle Pagine Statiche-
  59. Rendere flottante il menù delle Pagine Statiche-
  60. Menù orizzontale a discesa con casella di ricerca e icone sociali-
  61. Responsive Menù per Blogger anche per dispositivi mobili -
  62. Menù scorrevole a tutta pagina -
  63. Menù fluttuante con icone sociali e casella di ricerca -
  64. Menù a discesa con tutti i post pubblicati -
  65. Menù che evidenzia la pagina corrente -
  66. Menù su più livelli per varie piattaforme -
  67. Menù circolare per Blogger con effetto hover -
  68. Menù orizzontale con le etichette di Blogger -
  69. Menù a tre livelli con CSS3 e JQuery -
  70. Menù su tre livelli con CSS e pagina attiva -
  71. Come personalizzare la famiglia dei font del menù delle Pagine Statiche
  72. Creare un menù dalla Bacheca di Wordpress -
  73. Menù accordion verticale multilivello -
  74. Menù per la versione mobile di Blogger -
  75. Come creare un Menù Responsive per Blogger -
  76. Menù Responsive Multilivello con casella di ricerca  -
  77. Menù laterale a scomparsa per Blogger -
  78. Creare un menù orizzontale senza codice -
  79. Aprire i link del menù delle Pagine Statiche in un'altra pagina -
  80. Menù su due livelli con casella di ricerca e bottoni sociali -
  81. Menù Responsive di Blogger per desktop e mobile
  82. Menù multilivello per desktop con casella di ricerca
  83. Menù Responsive e Flottante per Blogger
  84. Fissare i menù in alto allo scorrere della pagina con jQuery
  85. Megamenù con sottomenù su più colonne


23 commenti :

  1. Buona sera, Sig. Ernesto.
    Sono sempre Joy, ma non parliamo più di "Google News", che ieri ci ho perso il sonno, senza ottenere nulla. Ho deciso che lo inserirò in una colonna sotto i posts in un riquadro apposito.
    Ma ora le scrivo per un'altra cosa. Il primo elemento della sidebar è uno sliding tab (http://joys-pills.blogspot.com/) con le tre categorie di commenti. Ciò che vorrei fare è inserire una piccola icona accanto ai titoli "Ultimi", "Preferiti", "Più letti". Come posso farlo?
    Grazie.
    Joy

    RispondiElimina
  2. ... Mi sa che forse l-ho trovato sul suo sito :). È questo? http://www.ideepercomputeredinternet.com/2010/03/etichette-icone-blogger-inserire-titolo.html.
    Grazie.
    Joy

    RispondiElimina
  3. No, penso di essermi sbagliato. Ciò che io vorrei è questo: www.webfandom.com. Il settimo elemento della sidebar. Guardi le 3 iconcine accanto ai tre menu accorpati dei commenti. Vorrei metterle anch'io. Grazie.
    Joy

    RispondiElimina
  4. Ho scritto male. I tre menu accorpati sono degli articoli, non dei commenti.
    In questo momento sto seguendo un suo articolo per inserire 3 colonne nel footer. Speriamo bene.
    Joy

    RispondiElimina
  5. @Joy
    Non so in che modo sono stati inseriti i tre link ma per modificare lo stile di un elenco leggi la seconda parte di questo post
    http://www.ideepercomputeredinternet.com/2011/03/widget-degli-articoli-con-piu-commenti.html

    RispondiElimina
  6. Ciao ernesto, io vorrei cambiare il menù e inserirne uno simile al tuo, pulito e con la finestra che si apre.
    Dove posso trovarlo?

    RispondiElimina
    Risposte
    1. @alez
      E' qui
      http://www.ideepercomputeredinternet.com/2011/02/menu-orizzontale-su-piu-livelli-per.html
      Il file CSS ... -sidebar,css puoi fare anche a meno di caricarlo se vuoi un menù orizzontale.

      Elimina
  7. Ciao Ernesto, ho appena scoperto questo tuo sito, e lo trovo già di grande aiuto, ma fra la mole di informazioni non riesco a trovare una cosa abbastanza semplice: io per il mio sito (masters-of-the-music.blogspot.it) vorrei dividere gli artisti per generi, cioé raggruppare in schede le pagine, un po come viene fatto con l'Archivio dei post, non so se mi spiego.
    Spero di essere stato chiaro :)

    Ti ringrazio in anticipo.
    -Mat

    RispondiElimina
    Risposte
    1. Su Blogger ci sono due sistemi di archiviazione ma nessuno di questi è di tipo gerarchico vale a dire non si può creare come in Wordpress una categoria madre (es: musica) che a sua volta contenga delle etichette figlie (es: pop, R&B,..) ciascuna di queste con etichette nipoti (es: neo soul).
      Si possono solo usare le etichette che comunque sono tutte equipollenti oppure le pagine statiche intese come raccoglitrici di titoli di post collegati
      @#

      Elimina
  8. ciao ma come si fa ad avere il wiget pagine come il tuo?
    cioè se vado sopra "menu" mi compaiono "menu semplici" "menu complessi" ecc
    Come posso ottenere lo stesso risultato?
    Grazie mille

    RispondiElimina
  9. Non si tratta di un widget Pagine ma di un menù. Leggi questo post se ti interessa installarlo
    http://www.ideepercomputeredinternet.com/2013/06/multilevel-blogger-menu.html
    @#

    RispondiElimina
  10. Mi chiedevo se in blogger è possibile inserire dei menù tipo questi che ho trovato in giro nel web: http://demos.pixelworkshop.fr/pull_out_content_panel/
    http://formstone.it/components/Shifter/demo/index.html
    http://dcdeiv.github.io/simple-sidebar/demo-left/index.html

    L'ultimo che ho inserito mi piace molto; ma, ahimè, non so come fare per inserirlo nel blog.
    Puoi darmi una mano?
    In anticipo ti ringrazio.
    Ciao
    CSJ

    RispondiElimina
    Risposte
    1. Ho dato uno sguardo al terzo. In effetti è interessante. Per vedere se sia possibile installarlo su Blogger bisognerebbe testare. Salvo questo commento e nel caso abbia tempo e voglia (senza impegno) posso vedere se sia fattibile
      @#

      Elimina
  11. Ciao Ernesto,
    premetto che per me sei il punto di riferimento più completo e sopratutto chiaro
    a chi come me si diletta con clogger :)

    Sai se è possibile trovare un menu semplice, orizzontale, anche solo di primo livello
    per intenderci simile allo stile come in "Come aggiungere un Menù orizzontale nella parte alta di un blog su Blogger." con i colori distinti per voce "HOME", "CREA BLOG", "RISORSE BLOG"...
    In questa immagine è molto più chiaro di mille parole:
    https://dl.dropboxusercontent.com/u/46733398/MazaraCapitale/men%C3%B9.png

    Ho visto un po tutti i demo dai più semplici, es.: "Menu orizzontale semplice ma completamente personalizzabile.",
    anche i più complessi es.: "Menù multicolore e multilivello per Blogger."
    e "Megamenù: alternative per l'installazione nei diversi modelli di Blogger." che già uso in un altro blog
    ma non sono riuscito a trovare lo script "magico" che colora distintamente le voci di primo livello (per tematiche nel mio caso)
    Help!

    RispondiElimina
    Risposte
    1. Tu vorresti colori diversi per ciascun elemento del menù. Non mi pare di aver mai pubblicato nulla in merito. Se trovo qualcosa ci farò sicuramente un post (senza impegno).
      @#

      Elimina
  12. Ciao Ernesto. Complimenti sempre per il tuo lavoro. Non so dove sbattere la testa. Sto cercando un codice per blogger per inserire una chat laterale a comparsa con un bottone dove ci sia un testo su cui cliccare ed espandere la chat appunto. L'avevo visto su un sito che però ha chiuso e perciò non so come fare un esempio ma spero tu abbia inteso. Complimenti ancora, e grazie anticipatamente per l'aiuto e il supporto.

    RispondiElimina
    Risposte
    1. È molto tempo che non mi occupo di chat e videochat.
      Prova Meebo
      http://www.ideepercomputeredinternet.com/2012/03/meebo-per-inserire-una-chat-nel-blog.html
      che ora fa parte di Google
      https://developers.google.com/+/
      Oppure Cbox
      http://www.ideepercomputeredinternet.com/2009/01/come-mettere-una-chat-nella-homepage.html
      o Xat
      http://www.ideepercomputeredinternet.com/2009/01/come-inserire-una-chat-nel-blog-per.html
      @#

      Elimina
    2. C'è anche il calssico Hangout
      http://www.ideepercomputeredinternet.com/2013/12/hangout-button.html
      @#

      Elimina
  13. Ciao ho provato vari tutorial ma non mi convincono...ho fatto il menu, ma vorrei sapere se è possibile inserire in una pagina del menù tutti i post di una etichetta...questo è il sito: http://techwanted85.blogspot.it/. (ad esempio nella sezione fshion -gioielli ecco li vorrei far finire tutti i post sui gioielli). Io ora ho fatto solo dei collegamenti con dei link...Grazie

    RispondiElimina
    Risposte
    1. Puoi inserire un collegamento alla pagina della etichetta in questione p.e. questa
      http://techwanted85.blogspot.it/search/label/Gioielli%20e%20Bijoux


      @#

      Elimina
  14. Come faccio a mettere nei sotto livelli di un menù,cliccandoci sopra, più post? Nel senso, ad esempio, io ho una voce del menù che si chiama "viso" e il sottolivello che si chiama "detergenti". Vorrei che cliccando sopra la voce "detergenti" venissero fuori più post. Sono riuscita a metterne solo uno attraverso le tue istruzioni, ma non capisco come fare a metterne più di uno. Ti ringrazio!

    RispondiElimina
  15. Salve Ernesto. Tra i menù proposti quale potrebbe essere quello più adatto per uno dei nuovi temi Blogger (sto usando il tema Contempo). Grazie.

    RispondiElimina
    Risposte
    1. Purtroppo non te lo so dire perché li ho testati pochissimo. L'unica è che provi tu stesso ovviamente salvando prima il modello
      @#

      Elimina

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti.
Info sulla Privacy