10.2.18

Personalizzare il gadget del form contatti di Blogger e inserirlo in una pagina

10.2.18



Non ricordo neanche più quando è stata l'ultima volta che ho pubblicato un tutorial per migliorare la grafica dei templates di Blogger. Di certo è passato molto tempo, e visto che la causa è stato il lavoro, beh direi che non è stato per niente un male.

Oggi voglio farti un regalino: il codice per inserire nella pagina del tuo blog il gadget form contatti di Blogger.
Il risulato sarà quello che vedi qui in basso.



Per inserire il codice:
  • vai nella tua pagina contatti
  • scrivi in modalità HTML
  • copia e incolla il codice che trovi nel file di testo

Ricordati che puoi inserire gli stili così come sono nel file, oppure puoi incollarli nel tuo CSS, ma senza il tag "style" (se non sai come fare leggi come inserire i codici nel tuo CSS)

Per cambiare il colore del tasto 'invia' ricordati di modificare il codice del background, inserendo quello del tuo colore del brand o quello che preferisci.
#ContactForm1 #contact-form-submit {
...
background: #000;
...
}

Se invece preferisci cambiare la scritta all'interno del campo 'input', devi modificare nell'HTML ciò che si trova fra virgolette alla voce placeholder.
placeholder="DEVI MODIFICARE QUI"


Se dovessi avere problemi di inserimento o di visualizzazione scrivilo pure nei commenti.
Se ti va, lasciami il tuo link alla pagina se usi questo breve tutorial, così potremo tutti venire a sbirciare e magari condividi il post :)

scarica qui il codice del gadget form contatti


Per far sì che funzioni nella pagina, dovi inserire il gadget del modulo contatti da LAYOUT (la posizione è indifferente, nel mio caso comunque l'ho inserita nella sidebar, in fondo), vai poi in MODIFICA HTML, cerca ilcodice del gadget e inserisci cond='data:view.isPage' , così come vedi nell'immagine sottostante. In questo modo gli imporrai la condizione di essere visualizzato e utilizzato in modo corretto solo nella pagina.


4 commenti:

  1. Grazie Simona, ho scaricato e creato "Contatti", ora l'ho nascosto in quanto mi ha dato tutte le barre nere...cmq l'ho nascosto in attesa di risolvere un problema sorto con Blogger; non riesco a venirne a capo, il mio blog "Colazione da Jo" va e viene dando pagina di errore...se ricarico la pagina torna, ma spesso fa crash, sono disperata, non so più a chi rivolgermi per risolvere questo dilemma!

    RispondiElimina
    Risposte
    1. Ciao Jolanda!
      Allora ho visto il tuo codice e ti dà errore perchè entra in conflitto con un codice già esistente.
      Se hai incollato il codice direttamente nella pagina contatti, per risolvere il problema ti mostrerò come fare in una breve diretta sul mio account ig @lacreativeroom.
      Così mi sarà più facile aiutarti, ma ho bisogno che tu mi dia il permesso di mostrare il tuo blog :)

      Elimina
  2. Ciao Simona, io sono pronta, so che tu lavori... possiamo fare domani pomeriggio per risolvere quel problema.
    Per il permesso che mi chiedi ok!

    RispondiElimina
    Risposte
    1. Ciao Jolanda, certo! Domani ci sentiamo su direct di instagram prima ;)

      Elimina