Inserire Immagine Nel Titolo Del Blog

Se Vogliamo Modificare e Personalizzare Il Nostro Sito o Blog, Possiamo Inserire Un'Immagine Proprio Nel Titolo Del Nostro Blog

Per quanto riguarda Blog spot abbiamo due metodi per inserire un immagine proprio nella parte alta vicino al titolo.

La prima è molto semplice, entriamo nel pannello di controllo, poi clicchiamo su Disposizione, e successivamente clicchiamo sul Gadget in alto chiamato Intestazione.

A questo punto potremmo caricare la Nostra immagine direttamente dal Nostro Computer.

Il secondo metodo è un tantino più complicato, ma Vi consente di personalizzare e posizionare esattamente dove volete inserire la Vostra immagine. Prima di tutto dobbiamo scegliere l’immagine che  vogliamo utilizzare. Una volta scelta e salvata sul nostro computer, la dobbiamo caricare su Picasa o Su altre piattaforme, dalle quali dovremo successivamente estrarre la URL. Per semplicità però le potete anche caricare direttamente su un post o su un articolo del Vostro Sito.  Una volta inserita in un post o caricata su Picasa, copiateVi la url corrispondente all'immagine e per ora incollatela su un foglio di lavoro Word.

Ora andate su Modello ( Vi consiglio sempre di fare una copia del Vostro Template nel caso voleste ritornare alle precedenti impostazioni) cliccate su Modifica HTML,  una volta che siete nella pagina del codice, cliccate contemporaneamente Ctrl + F5 e nella casella di ricerca che si apre , scrivete </body> e cliccate su invio.  Vedrete che ora nella Vostra pagina di codice comparirà la stessa scritta </body> colorata di giallo come in foto.

  posizionate il vostro mouse nella riga sopra alla scritta </body>  e cliccate con il tasto sinistro, vedrete così che il cursore lampeggia proprio sopra al codice giallo, a questo punto copiate questo codice che Vi riporto qui di seguito:

<div style='position:absolute; left:200px; z-index:10; top:10px; '>

     <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLm1qe3EAzZACUddJknDtb2Q3r_jWWxH4AC59mlOqOcVixIFMCihhBOZhS7qlPm8LbNbe3rrpaZXhoeojjog2jvB6dY57H83mTItNtlJc70StQC6pSMaC1P9WpzwLDBj8OFoMPvzXx9Sw/s320/icone-social-sito.jpg'/>

    </div>

La parte di codice evidenziata in blu indica rispettivamente left:200px quanto a sinistra volete spostare l’immagine, più sarà alto il numero è maggiore sarà la posizione dell’immagine verso destra  mentre top:10px indica quanto in alto deve andare.

Chiaramente dovete sostituire il codice colorato di rosso con la Url che avete precedentemente incollato su word.