Come mettere un gadget in alto nell’Header di un blog su Blogger

Per aggiungere in un template di Blogger,nel quale non è prevista questa possibilità,un ulteriore elemento “Aggiungi un gadget” posizionato in alto sopra il modulo “Intestazione” in modo da poter inserire anche in quella posizione un banner,una foto,un modulo pubblicitario di Adsense oppure altri elementi da inserire in un gadget HTML/Javascript  o in un diverso gadget è possibile utilizzare una modifica al template accedendo dalla Bacheca di Blogspot alla sezione “Design”>”Modifica HTML”.
Dopo aver salvato per sicurezza una copia del template ed aver individuato nel codice HTML del template con una scorciatoia da tastiera il rigo:

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

Bisognerà sostituirlo con:

<b:section class='header' id='header' maxwidgets='2' showaddelement='yes'>


come aggiungere gadget html javascript banner header blog blospot

A questo punto,dopo aver controllato per sicurezza il blog in anteprima e cliccato su “Salva modello” per rendere effettiva la modifica,sarà disponibile direttamente nella sezione “Design” >”Elementi pagina” nella parte superiore del layout un modulo supplementare “Aggiungi un gadget” da utilizzare per mettere in alto nell’Header un banner un testo o un’immagine da visualizzare sopra l’Intestazione con il titolo e la descrizione del blog.

come mettere banner intestazione  header blog blogger

68 commenti:

  1. Ora, come ti dicevo, ho risolto diversamente, ma ne tengo conto per la prossima occasione, se fosse necessario.
    Grazie del suggerimento.

    RispondiElimina
  2. Ciao Ambra,si,per alcuni tipi di modifiche al layout questa può essere una possibile soluzione.
    Ciao e grazie a te per la visita!
    Fabrizio

    RispondiElimina
    Risposte
    1. Ciao Fabrizio, grazie a te ho adottato questo nuovo gadget (per conformarmi alla legge sui "giochi d'azzardo" con relativo "disclaimer"
      il problema è che tale gadget non appare nella versione mobile del mio sito:
      come posso risolvere?
      Grazie ancora per i consigli.

      Elimina
    2. Ciao,
      controlla se per visualizzare il gadget nella versione mobile ti può essere utile questo tutorial in inglese http://blogger-hints-and-tips.blogspot.it/2012/05/add-gadget-to-mobile-template-for-your.html
      Ciao e buon weekend!
      Fabrizio

      Elimina
  3. Ciao Fabrizio, grazie per la segnalazione di questo trucchetto. Non ti nascondo, che lo avevo gia' visto, ma speravo ci fosse una soluzione piu' rapida per posizionare l'immagine nell' intestazione a destra.
    se mi confermi l'impossibilita', procedo cosi'.

    intanto, ti ringrazio.

    ciao
    fabrio

    RispondiElimina
  4. @Fabrio
    Prova intanto ad attivare la possibilità di inserire moduli gadget direttamente nell'header per verificare se è possibile,senza ulteriori modifiche HTML,ottenere il risultato che desideri.
    Ciao:)
    Fabrizio

    RispondiElimina
  5. Salve, se invece volessi mettere un gadget a destra dell'intestazione come faccio?

    RispondiElimina
  6. @Andrea Digloria
    Mandami eventualmente una mail in modo che ti possa inviare una possibile soluzione da provare.
    Ciao e grazie per la visita!
    Fabrizio

    RispondiElimina
  7. Ciao.
    La stringa:

    non la trovo nel mio modello (è personalizzato non di quelli di Blogger).
    Sai dirmi dove potrei guardare?

    RispondiElimina
  8. Hai provato anche a fare una ricerca per le posizioni nelle quali è presente: maxwidgets
    Ciao
    Fabrizio

    RispondiElimina
  9. No, quello no. Provo e poi ti so dire!
    Grazie :-)

    RispondiElimina
  10. E' possibile che nel caso di un template personalizzato come il tuo la struttura sia diversa e ciò non permette di trovare quel codice.
    Attualmente nell'header del tuo blog puoi spostare altri moduli o modificare l'intestazione?
    Ciao:)
    Fabrizio

    RispondiElimina
  11. Che intendi dire per spostare moduli? Modificare la posizione dei widget? Se così, si, posso.
    Per modificare l'intestazione invece che intendi dire?

    RispondiElimina
  12. Mi riferivo alla possibilità ad esempio di inserire l'immagine dell'header direttamente dal gadget "Intestazione" e di posizionare sopra o sotto al gadget "Intestazione" anche altri moduli.
    Ciao
    Fabri

    RispondiElimina
  13. In questo caso dovresti far riferimento direttamente all'autore del tuo template per individuare la sezione nella quale inserire un nuovo modulo.
    Ciao e buona giornata!
    Fabri

    RispondiElimina
  14. Ciao! intanto ringrazio per questa soluzione. Ho inserito un banner nel blog come posso però centrarlo?

    RispondiElimina
  15. Ciao Denise,
    sono felice che il post ti sia stato utile!
    Quale gadget hai utilizzato per il banner?
    Ciao:)
    Fabri

    RispondiElimina
  16. Ciao! Ho usato il gadget per inserire i codici HTML perchè ho creato un banner con BannerSketch. Lo puoi vedere su http://pachamamae.blogspot.com/. Ciao!

    RispondiElimina
  17. Ciao Denise,
    se hai utilizzato un gadget HTML/Javascript dovresti poter utilizzare questa soluzione:
    http://appuntiperblogger.blogspot.com/2010/10/come-centrare-il-contenuto-di-un-gadget.html
    Aspetto notizie!
    Ciao:)
    Fabri

    RispondiElimina
  18. Wow! operazione riuscitissima!!!Grazie 10000!!!

    RispondiElimina
  19. Ottimo! Sono felice di esserti stato utile:)
    Ciao
    Fabri

    RispondiElimina
  20. Ciao fabri,per prima cosa grazie perchè grazie alle tue dritte sto modellando il blog comelo desidero.A onor del vero do un pò di matta ma va bene così. Vorrei chiederti come si fa a far coincidere il gadget dell'intestazione e il titolo blog. help lefrufrupochette@blogspot.com

    RispondiElimina
  21. volevo dire,anzi scrivere lefrufrupochette.blogspot.com

    RispondiElimina
  22. se volessi invece inserire l'immagine a DESTRA del titolo e descrizione ? come devo fare? grazie e saluti

    RispondiElimina
  23. Dopo aver inserito l'immagine nell'intestazione utilizzando l'apposito strumento
    http://blogetemplate.blogspot.com/2010/06/come-inserire-immagine-intestazione.html
    prova (seguendo questa procedura http://appuntiperblogger.blogspot.com/2010/12/come-inserire-css-in-blogger.html )
    ad inserire il seguente CSS:

    #header-inner {background-position: right !important; width: 100% !important;}

    aspetto notizie...
    Ciao:)

    RispondiElimina
  24. Ciao, ho posizionato il gadget, mi sapresti dire come ridurre la distanza tra questo e l intestazione? grazie http://www.megaraugusta.com/

    RispondiElimina
  25. Ciao Andrea,
    la distanza tra i gadget della sezione è impostata automaticamente,farò eventualmente un controllo per verificare come ridurla tramite una modifica HTML.
    Ciao
    Fabrizio

    RispondiElimina
  26. Ma perché non riesco più a mettere il gadget in alto nell’Header del blog su Blogger. Il codice è inserito perfettamente,però nella pagina layout non mi compare il modulo aggiungi gadget. Ho provato diverse volte ma niente.

    RispondiElimina
  27. Ciao Giuseppe,
    hai già provato a ripetere la procedura anche con un diverso browser?
    Ciao
    Fabrizio

    RispondiElimina
  28. Provato, ma mi va in conflitto con il gadget newsreel. Come posso risolvere?

    RispondiElimina
  29. Non ti è possibile utilizzare nella sezione il gadget Newsreel oppure il gadget che indichi è nella sidebar?
    Ciao
    Fabrizio

    RispondiElimina
  30. Ciao Fabrizio, sono riuscito a inserire due gadget sotto l'header che si sono posizionati al centro. C'è un modo per poterli spostare a dx o sx? (Se vuoi dare un'occhiatina al mio blog, questo è l'indirizzo: dylandog19.blogspot.com).

    Una seconda domandina: data la larghezza della main page diciamo a 800, sarebbe possibile inserire due distinti post affiancati di 400 ciascuno oppure la larghezza della pagina è un limite non superabile (nel senso che non è spezzettabile in più post affiancati)?
    Ti ringrazio per l'attenzione che vorrai dedicarmi e ti auguro una buona giornata

    RispondiElimina
  31. Ciao Fabrizio, io sono riuscito a farlo ma rimane leggermente spostato sulla destra rispetto alla immagine dell'Header, come mai? cosa posso fare per risolvere questo inconveniente?

    Piergiorgio

    RispondiElimina
    Risposte
    1. Ciao Piergiorgio, stesso problema, come hai risolto? Grazie

      Elimina
    2. Ciao Neway
      specifica quale gadget hai inserito in quella posizione.
      Ciao
      Fabrizio

      Elimina
  32. Bene... quale gadget hai inserito in quella posizione?
    Ciao
    Fabrizio

    RispondiElimina
  33. Ciao Ricky,
    dalle impostazioni di Blogger non è possibile affiancare due post in Home Page, dovresti eventualmente individuare un template personalizzato esterno http://www.comefareblog.com/2011/09/come-caricare-template-blogger.html con già queste caratteristiche oppure cercare, facendo una ricerca su Google, un tutorial specifico per il tuo template che ne modifichi la struttura per ottenere il risultato che desideri.
    Ciao e buona giornata!
    Fabrizio

    RispondiElimina
  34. Grazie per la risposta, Fabrizio. Buona giornata anche a te!!

    RispondiElimina
  35. Ciao Alessandra,
    non ti è stato possibile inserire il codice o non visualizzi il nuovo modulo?
    Ciao
    Fabrizio

    RispondiElimina
  36. buongiorno...volevo chiedere ho inserito una pubblicita' adsense nell'intestazione,ma questa copre il titolo del blog (con template esterno). Come posso spostare tale pubblicita' in fondo a destra? Grazie dell'attenzione e complimenti per l'ottimo lavoro che svolgete su questo portale

    RispondiElimina
  37. Ciao SoloNapolimania
    hai già provato ad utilizzare un diverso formato per il modulo pubblicitario di Adsense?
    Ciao
    Fabrizio

    RispondiElimina
  38. Ciao Fabrizio, grazie per i tuoi tutorial, davvero utilissimi.
    Volevo inserire un banner (da desinare a google adsense) nella head del mio blog (Letortine.blogspot.it), proprio di fianco al logo. Ma nel mio codice non trovo "<b:section class='header'": è possibile o è colpa mia che non riesco a trovarlo?
    E se manca questa riga di codice, secondo te è possibile inserirla ex novo, così da darmi la possibilità di inserire un gadget sopra? Grazie mille

    RispondiElimina
  39. Ciao Liz,
    per ricercare la stringa prova ad utilizzare i diversi passaggi di questa procedura:
    http://blogetemplate.blogspot.it/2013/05/come-cercare-una-stringa-del-codice-nel-nuovo-editor-html-del-template-di-blogger.html
    Ciao e buona domenica!
    Fabri

    RispondiElimina
  40. Grazie mille, proverò e ti terrò aggiornato. Buon weekend!

    RispondiElimina
  41. Ciao Fabrizio. E se volessi aggiungere il gadget al di sotto del titolo? Grazie

    RispondiElimina
  42. Ciao Mariachiara,
    in questo caso dovrebbe essere sufficiente trascinare (con il tasto sinistro del mouse) un gadget sotto il modulo "Intestazione"
    Ciao e buona serata
    Fabrizio

    RispondiElimina
  43. Salve, grazie per la dritta.
    Io ho provato a metterlo sul mio blog e tutto funziona correttamente.
    Ma da quando l'ho messo il sito è diventato davvero LENTO da caricare
    e nel frattempo che si carica esce la scritta:
    "in attesa di risposta da ISpuntoGD..."
    e' solo una coincidenza o questa modifica può comportare rallentamenti?
    Sapete dirmi cosa è questo ISpuntoGD?
    Grazie mille

    RispondiElimina
  44. Ciao Wilo,
    l'inserimento di una nuova sezione non è causa di rallentamenti specifici, naturalmente il problema potrebbe dipendere dal contenuto del widget che hai poi inserito nella nuova sezione...
    Ciao e buon pomeriggio
    Fabrizio

    RispondiElimina
  45. Grazie mille per la tempestiva risposta.
    Nel nuovo widget ho solo aggiunto un breve testo, due piccole immagini (html) ed il link aams (obbligatorio per legge).
    Poi ho scoperto che questo ispuntogd è un url shortner ma sembra attualmente off e sinceramente non so cosa possa centrare con il mio blog.
    Secondo lei è meglio provare ad annullare le ultime modifiche apportate al modello html? Grazie ancora e buona giornata.

    RispondiElimina
  46. Se con le modifiche HTML (o con gadget HTML/Javascript) hai inserito script esterni che rallentano il caricamento del blog e rendono difficoltosa la navigazione ai lettori, valuta la possibilità di rimuoverli.
    Ciao
    Fabrizio

    RispondiElimina
  47. Problema risolto!
    Non era il nuovo gadget (per cui la ringrazio nuovamente) il problema, ma un codice che avrebbe dovuto inibire l'uso del tasto destro ma che non funzionava da mesi (e forse proprio per questo causava fastidiosi rallentamenti). Buon lavoro.

    RispondiElimina
  48. Benissimo!
    Sono felice che il problema sia adesso risolto
    Ciao e buona giornata
    Fabrizio

    RispondiElimina
  49. Grazie! Avevo bisogno di inserire un bannerino sopara l'intestazione e garzie al tuo aiuto ci sono riuscita in due minuti. Solo uan cosa volevo far notare..:Di quella riga di comando ne esiste più di una all'interno del codice (almeno nel mio blog su blogger), quindi forse potrebbe essere utile segnalare sopra a cosa si trova quella riga di comando, anche se dalal foto si inutisce..All'inizio avevo cambiato i parametri nella riga sbagliata e pensavo non funzionasse...:)

    RispondiElimina
  50. Sono felice che l'articolo ti sia stato utile!
    Grazie a te per il feedback :)
    Ciao e buona serata
    Fabrizio

    RispondiElimina
  51. Ciao, ma se invece volessi aggiungere dei gadget nello spazio dell'intestazione? vorrei spostarci i pulsanti dei vari social, le informazioni personali e inserire un menù da rendere a tendina. Sto ragionando un restyling completo, ma mi ostino a farlo da sola!

    RispondiElimina
  52. Salve Il tè tostato
    nel modulo aggiunto potrai inserire il tipo di gadget più adatto per ciò che desideri realizzare.
    Ciao e buon pomeriggio
    Fabrizio

    RispondiElimina
  53. Ciao Fabrizio vorrei poter inserire un banner Adsense all'interno del post , possibilmente dopo '' continua'' in modo che appaia nella seconda parte del post ma che chiaramente non vada in conflitto con gli altri banner (3 + 3 di link) che ora appaiono in ogni pagina compresa home. Potresti indicarmi se è possibile senza toccare HTML ? o come procedere ? grazie

    RispondiElimina
  54. Ciao Enrica,
    per non superare il numero massimo consentito da Adsense, potrai aggiungere un banner all'interno dei post solo dopo aver rimosso uno dei tre banner attualmente già presenti.
    Per ottenere questo risultato è necessario modificare il codice del blog come descritto in questo tutorial (in inglese) http://helplogger.blogspot.com/2014/01/adsense-ads-in-the-middle-of-blogger-posts.html
    Ciao e buona domenica!
    Fabrizio

    RispondiElimina

Se hai bisogno di:
Consulenza ed Ottimizzazione SEO del blog + Assistenza personalizzata 
una proposta realizzata in modo specifico per gli amministratori di  blog di informazione e intrattenimento (fashion, food, news, travel, personali, shopping, artistici/creativi, etc.) su piattaforma WordPress e su Blogger.  

Puoi trovare i dettagli dell'offerta in questa pagina 


Per i lettori di TEST PER BLOGGER è possibile usufruire di una offerta promo, con una riduzione del 30% rispetto al prezzo indicato, utilizzando in fase di acquisto, direttamente dal sito, il codice promozionale: 

promotestperblogger