Come Aggiungere un Banner nella Sidebar del Blog


Nelle puntate precedenti della rubrica Consigli per il tuo Blog abbiamo visto piccoli e soprattutto semplici accorgimenti da attuare per migliorare la qualità e la usability del nostro blog.  

Abbiamo infatti imparato:


Oggi voglio condividere con voi quanto sia facile aggiungere un bottone o banner nella sidebar del vostro blog seguendo queste semplici istruzioni:



1. Individua il banner che intendi aggiungere e copia il codice HTML che si trova nel box sotto al bottone.




2. Vai su Blogger e clicca su Layout.

3. Clicca su “Aggiungi un Gadget” nella sidebar in cui desideri fare l’aggiunta.




4. Nella nuova finestra, scendi giù fino a che non trovi l’opzione 'HTML/JavaScript'  e clicca sul segno +


5. Incolla il codice HTML nella finestrella {sezioni del sito} e aggiungi {o meno} un titolo.

6. Clicca su Salva.
7. Il gadget si troverà al principio della sidebar nella sezione layout. Si chiamerà 'HTML/JavaScript'  se non hai aggiunto un titolo.
8. Per spostare il gadget nella posizione desiderata, cliccaci sopra e trascinalo.

9. Puoi usare il pulsante Anteprima per visualizzare come apparirà il bottone nel blog o cliccare  Salva Disposizione per salvare i cambiamenti apportati!


È tutto!



Vi piace il nuovo bannerino “I Made Top 3” che ho partorito proprio ieri? Ho pensato, anche su suggerimento di Ninfa di Diario Figurato, che sarebbe stato carino differenziare il banner per quelle di voi il cui progetto creativo è stato segnalato da me e chi invece si è classificato nella top 3 grazie ai voti delle creative.

È retroattivo quindi prendetelo pure se un vostro lavoretto si è classificato primo, secondo o terzo ai linky party passati.

Un bacione,
Alex

42 commenti :

  1. ok questo lo sapevo: ora ci devi insegnare a scrivere il codice HTML e come si aggiunge il quadrato che lo contiene da mettere sotto l'immagine

    RispondiElimina
    Risposte
    1. Ce l'ho gia' in programma, don't worry...

      Elimina
  2. Alex che carino il nuovo look ^_^ Okay questo lo so fare.. e un'amica mi sta aiutando con l'html ^_^

    RispondiElimina
    Risposte
    1. L'html e' un casino di per se'... ma se sai cosa cercare non e' tanto complicato.

      Elimina
  3. Grazie! Finalmente so come si fa!
    L'imbranata

    RispondiElimina
    Risposte
    1. non essere troppo severa con te stessa...

      Elimina
  4. Bello il nuovo banner e grazie per le utili spiegazioni...ecco perchè non riuscivo ad inserirlo: usavo infatti il gadget "foto". Ciao!

    RispondiElimina
  5. Grazie... Son cose che servono sempre! ;0d

    RispondiElimina
  6. Allora.... intanto complimenti per il nuovo titolo.. bellissimissimissimo!!!
    Poi il banner dell' "I made top 3" è al posto dell' "I was feautured" se sono arrivata tra i primi tre?? se invece è un quarto o quinto posto o era un tuo progetto preferito ci va l'"I was feautured" giusto????
    Poi qualche giorno ci spieghi come si fa a fare un banner proprio con il codice HTML da mettere nella sidebar???
    Bacio bacio bacio!!!!!

    RispondiElimina
    Risposte
    1. Anche a me piace tanto il nuovo header, lo adoro!

      Lo avevo scelto come template per l'intero blog ma una volta installato in un blog di prova ho notato che non mi faceva modificare i margini del blog, che io ho praticamente azzerato perche' mi piacciono due sidebar e il corpo del post largo.

      E cosi' avevo lasciato perdere...poi l'altro giorno ho pensato, e se modificassi solo l'header?

      Per le tue domande... si si.

      Elimina
  7. io e Ninfa siamo proprio in sintonia, anch'io andavo avanti con il suo procedimento.....ora vedo di sistemare e mi piglio pure il nuovo banner visto che è retroattivo WOW

    RispondiElimina
    Risposte
    1. Allora il post e' servito a qualcosa!

      Elimina
    2. altroché...soprattutto per una informaticamente pigra come me

      Elimina
    3. Bella quest'espressione, informaticamente pigra...

      Elimina
  8. oh, che "fresco" il nuovo look!!! e che utile questa rubrica! ...tra qualche giorno mi ritufferò nel mondo Blog e allora ...arrivederci a presto e intanto GRAZIE Alex!!!!!!
    Bacioni =)))

    RispondiElimina
    Risposte
    1. Ciao Silvia! Che bello vederti di nuovo qui... un bacione anche a te.
      alex

      Elimina
  9. Sono sempre utili questi post!

    RispondiElimina
  10. Bello il nuovo vestito...molto allegro ed estivo!
    Brava! con i tuoi consigli aiuti tante blogger !

    RispondiElimina
    Risposte
    1. Grazie BiancaneveRossa, fanno sempre piacere i complimenti! Anche a me piace molto... e' cosi' sbarazzino!

      Elimina
  11. Che bello la nuova immagine! Complimenti!

    RispondiElimina
  12. Io ho un problema che non riesco a risolvere, mi puoi aiutare? : quando copio il codice HTML e clicco su salva è tutto ok, ma poi vado a vedere sulla pagina del mio blog, spingo sul pulsante "Contest" e mi si apre una finestra in cui mi dice che il contest non esiste, eppure è ancora attivo.
    Forse ho fatto una domanda stupida ma sono alle prime armi e ho il dubbio di aver qualche applicazione bloccata involontariamente.

    RispondiElimina
    Risposte
    1. Ciao, se ti riferisci al fatto che non riesci a likare al sito “che birba” la vedo dura. Non hanno offerto un codice da copiare e l’autore del blog ha disabilitato il tasto destro del mouse quindi è impossibile salvare il banner dello swap sul proprio computer.

      Ho creato questo codice html per te, questo fuziona di sicuro! Te lo mando per email. Fammi sapere, eh?


      Elimina
    2. Ciao, ti ho lasciato un commento su Google Plus che include il codice html perche' purtroppo NON HAI AGGIUNTO la tua email da nessuna parte, ne' sul blog ne' sul tuo profilo. Spero tu legga questo messaggio.

      Elimina
  13. Ciao, volevo sapere come posso inserire un box html nel mio blog.

    RispondiElimina
  14. oggi ho imparato finalmente ad inserire un banner sul mio blog!tu non sai quanto mi hai reso felice!!!!io mi aggiungo e se ti va passa da me a cucinare:)

    RispondiElimina
  15. Ma se ho Wordpress come devo fare?

    RispondiElimina
  16. Ciao, ci volevo provare anch'io... ho fatto tutto come hai detto te ma mi appare solo il banner senza il codice sotto per linkarlo!
    Dove posso aver sbagliato?

    RispondiElimina
  17. Ciao, ci volevo provare anch'io... ho fatto tutto come hai detto te ma mi appare solo il banner senza il codice sotto per linkarlo!
    Dove posso aver sbagliato?

    RispondiElimina
  18. Anche io non so dove trovare il codice del banner... Mi sono iscritta al Linky Party di questa settimana, ho messo il link sul mio post al tuo sito, mi faceva piacere inserire anche il tuo banner, ma dove trovo il codice??? Scusa l'imbranataggine... ciao Flora

    RispondiElimina
  19. quando provo ad aggiungere un gsdget mi dice che i caratteri sono sbagliati...ma quali?

    RispondiElimina
  20. grazie sei stata utilissima ! c'e l'ho fatta pure io!!!

    RispondiElimina
  21. inserito il bannerino ora è tutto il resto che deve cambiare...iihihih ciao e grazie mille per il post!

    RispondiElimina
  22. Ciao, premessi i complimenti per i tuoi tutorial, ecco faccio davvero fatica a realizzare l'inserimento dei codici per inserire i bottoni fb, twitter, pinterest, feed.!!!!! ed è delirio..
    ho realizzato copiando i tuoi esempi le strisce, prendendo i button da "pantone... uno dei tuoi 3 suggerimenti, caricati su photobucket recuperato i direct e ok salvato su word insieme ai codici dei sit. insomma sicuramente ho omesso "il piccolo dettaglio"!!! ma inserendo in gadget/html :(( NULLA

    OOH ecco provo e riprovo e niente mi compare il titolo ma niente immagine
    Cosa Faccio?

    RispondiElimina
  23. Grazie mille per questo post :) è stato utilissimo :)

    RispondiElimina
  24. grazie , sono state utile, provero domani perche mi sono persa qualcosa per la strada

    RispondiElimina
  25. Post utilissimo e grazie a te ci sono riuscita

    RispondiElimina
  26. Ciao!! Ho trovato questo post ma sto impazzendo perché provo e riprovo a fare quello che fai tu ma non mi funziona :( Vorrei inserire un banner Amazon sul mio blog ma non ce la faccio. Scrivo il codice HTML, lo salvo ma poi l'anteprima mi fa vedere semplicemente il codice scritto e non l'immagina cliccabile. Come posso fare? Qualcuno può darmi una mano?

    RispondiElimina
  27. Questo commento è stato eliminato dall'autore.

    RispondiElimina