20 luglio 2009

17 commenti Condividi il post Facebook Twitter Google+

Come inserire un "campo testo" nel blog

Spesso vengo contattata da ragazze che con i loro blog di cucina partecipano a raccolte di ricette organizzate da altre blogger.
Partecipare alla raccolta significa creare una ricetta a tema, pubblicarla nel proprio blog ed esporre il logo (con il link) del blog che organizza la raccolta.

Spesso però le mie lettrici trovano difficoltà ad inserire nel proprio blog il logo della raccolta...
Così anche chi partecipa al candy organizzato da altri blogger...

Sarebbe comodo per chi organizza la raccolta o il candy rendere disponibile in un campo testo il codice html che tutti possono copiare e incollare facilmente.

Nel mio blog ad esempio cliccando sull'icona "Link", appare un popup con il codice html da utilizzare per linkarmi, contenuto in un campo testo:


in questo modo chiunque voglia linkarmi deve solo copiare e incollare il codice html nel proprio blog.

Per inserire un campo testo nel blog basta scrivere:

<textarea rows="4" cols="48">testo da copiare e incollare nel blog</textarea>

dove rows e cols indicano rispettivamente il numero di righe e di colonne del campo testo, mentre "testo da copiare e incollare nel blog" è il codice html che volete condividere.

Ecco il risultato:


Se volete personalizzare il campo testo con i colori del vostro blog allora basta aggiungere lo style alla textarea, in questo modo:

<textarea rows="4" cols="48" style="color: #9b0021; background: #f9d6dd;">testo da copiare e incollare nel blog</textarea>

ed ecco il risultato:


Ecco ad esempio il codice html per partecipare alle raccolte di
Rossa di Sera e Ale e Solidea:



Copyright © Iole - Non è consentito ripubblicare, anche solo in parte, i post di questo blog senza l'esplicito consenso dell'autrice.

17 commenti

  1. Grazie Iole, modificare lo style è veramente molto utile, in questo modo il campo testo rimane in tema con i colori del blog!

    RispondiElimina
  2. Grazie Iole...m'interessa la cosa.

    RispondiElimina
  3. Bello! Io vorrei tanto mettere nella mia sidebar un link come quello che hai tu: "Linkami nel tuo blog", da abbinare però non ad un'immagine, ma ad una parola - Linkami! - cliccando sopra dovrebbe aprirsi la finestra popup con il codice per il link e l'immagine che verrebbe visualizzata, come la tua. Ma niente da fare, non ci riesco!

    RispondiElimina
  4. @Daniela: mandami un'email con il link dell'immagine che ti mando il codice html e la funzione javascript!

    RispondiElimina
  5. io come sempre non posso che ringraziare!...
    ciao

    RispondiElimina
  6. io mi accodo, sei unica!!! La tua focaccia è strepitosa!!

    RispondiElimina
  7. @Ale: vedo che l'hai già messo in pratica come le tendine.
    @Solidea: io ti ho solo dato la ricetta... se è strepitosa è tutto merito tuo.

    RispondiElimina
  8. grazie Iole, inserito e funzionante! Questo è per te!
    Un abbraccio!

    RispondiElimina
  9. @Daniela: Grazie!
    Aggiungo il premio nella sidebar!!!
    ^_^

    RispondiElimina
  10. Come sempre sei preziosa con i tuoi consigli!
    Bacioni e a domani! :-)

    P.S.Preparati: Pablo Hernadez mi ha detto che sta tornando dalla Spagna!
    Non manca un po'?

    RispondiElimina
  11. Ciao Iole, finalmente un blog interessante che da delle informazioni utili. Mi associo volentieri.

    RispondiElimina
  12. @Tarkan: eh sì, mi manca tantissimo Pablo... non vedo l'ora di trascorrere un'altra bella serata con lui (e stavolta potrei dargli il mio contatto msn)!
    @Francesca: grazie! ^_^

    RispondiElimina
  13. Devo ringraziarti tantissimo, son due giorni che cerco e cerco senza esito...finalmente ho trovato la risposta nel tuo blog. Volevo inserire un campo testo nel blog sotto all'immagine del mio logo...Wou adesso sono contenta e serena. Grazie grazie.

    RispondiElimina
  14. Ciao!
    Complimenti per il blog!!!
    Io avrei un problema con il textarea:
    l'unico modo per andare a capo è usare
    che però non vorrei visualizzare all'interno del textarea...c'è un'alternativa?!?
    Dai un occhio al problema per vedere cosa intendo:
    http://simplypoint.blogspot.com/2010/02/guide-eliminare-post-piu-vecchi-home.html
    Se riesci a trovare una soluzione te ne sarei grato!
    ...e visto che ci sono un'altra cosa:
    come hai fatto a cambiare la grafica dei commenti (molto molto bella) che stavo cercando proprio una cosa simile?!?
    Grazie!

    RispondiElimina
  15. @Alex: per andare a capo nella textarea ti basta andare a capo senza inserire il <br/>... cioè se vuoi mostrare nella textarea più righe di codice, ti basta scrivere ad esempio:
    <textarea cols="80" rows="7">riga 1
    riga 2
    riga 3
    riga 4
    riga 5</textarea>


    Per quanto riguarda la grafica dei commenti... basta modificare il template!

    RispondiElimina
  16. Grazie mille Iole!!! Era da un sacco di tempo che cercavo questo widget per il mio nuovo blog, lo metterò il più presto possibile!!! ^_^
    Grazie ancora una volta! >_<

    RispondiElimina
  17. GRAZIE ANCORA!
    L'ho appena messo sul mio blog (www.alsoyou.blogspot.com) nella sezione halloween e ci sta benissimo! ^_^
    Grazie, grazie, grazie!

    RispondiElimina

Licenza Creative Commons This blog by Iole is licensed under a Attribution-NonCommercial-NoDerivs 3.0 Unported License.
Copyright © 2008- iolecal.blogspot.it|Design by Iole|Privacy Policy