Pubblicato il 15/05/11 - aggiornato il  | 95 commenti :

Come creare una pagina di introduzione o benvenuto per blog su Blogger.

Installare una pagina iniziale o landing page o pagina di benvenuto su Blogger.
Ho già presentato una personalizzazione per creare una Pagina di Introduzione utilizzando l'effetto Lightbox. Vi potete rendere conto del suo funzionamento accedendo al blog Pagina Demo di Benvenuto. Ci sono diversi metodi che possono essere usati per realizzare una pagina di introduzione al blog. La maggior parte di questi ha però bisogno della creazione di una pagina HTML esterna al sito che potrebbe essere caricata per esempio su Altervista. Questo comporta che i backlink che riceve vengano perduti a tutto discapito del Rank e dell'autorità del blog.
Vado a illustrare un procedimento abbastanza semplice per creare una Pagina di Introduzione (o Benvenuto) al blog su Blogger che non ha questo effetto collaterale e che può essere personalizzata come si vuole.
Come vedete è molto minimalista ma i più esperti di voi con il linguaggio HTML, ma neppure tanto, possono sbizzarrirsi inserendo altri elementi
pagina di introduzione al blog
Per entrare nel blog, il visitatore dovrà cliccare sul bottone Accedi al blog. Ho inserito anche una musica di sottofondo, per gli amanti del genere, che cesserà di essere riprodotta non appena si entra nel blog. Il concetto è quello di usare il tag z-index per mostrare la pagina di introduzione e il contenuto del blog a differenti altezze che però non inficerà in alcun modo la scannerizzazione del sito da parte dei crawl di Google e degli altri motori.
Per l'installazione si va su Design > Modifica HTML e si cerca il codice <body> se si ha un vecchio modello, mentre se si ha un template ottenuto tramite il Designer Modelli, la riga da cercare è quest'altra
<body expr:class='&quot;loading&quot; + data:blog.mobileClass'>
Subito sotto si incolla il seguente
Adesso andate nella parte finale del template, cercate il tag </body> e, immediatamente sopra, incollate questo semplice tag:
</span>
Salvate il modello. Accenno brevemente alle personalizzazioni che si possono fare
  1. La prima riga <b:if cond='data:blog.url == data:blog.homepageUrl'> pone la condizione che la pagina di introduzione sia vista solo in homepage. Se volete che si veda solo in un'altra pagina del blog, utilizzate uno degli altri tag condizionali di Blogger
  2. I colori della pagina hanno accanto il commento sul dato a cui si riferiscono e possono essere modificati a piacere attraverso l'inserimento di codici di colori diversi da quelli proposti
  3. Un discorso analogo vale per i codici dei colori del bottone e per le dimensioni dei caratteri
  4. E' stato introdotto un arrotondamento dei bordi del bottone con l'attributo border-radius di cui può essere modificato il valore
  5. L'immagine in GIF il cui URL è colorato di rosso può essere cambiata con un'altra che dovrà essere preventivamente caricata su Picasa.
  6. La musica di sottofondo è stata inserita mediante un iFrame di un video di Youtube con le dimensioni uguali a zero (height e width). Per selezionare una musica basta inserire l'ID del video al posto di XXXXXX.
  7. Il testo del bottone Accedi al blog può essere sostituito da un altro oppure anche da una immagine mediante il tag
    <img src="URL Immagine" alt="Nome Immagine" />
  8. Il valore margin-top:200px è il valore a cui tende in alto la pagina di introduzione. Può essere modificato se il risultato non è ottimale.
  9. Se non vi interessa avere la musica di sottofondo eliminate il codice da <div id='AudioInBack'> fino a </div>. La riproduzione automatica è regolata dal tag autoplay=1 e loop=1 che la permettono senza soluzione di continuità.
Dopo che si è cliccato su Accedi al blog la navigazione sul sito si svolge come al solito. I contenuti della Pagina di introduzione sono inseriti tra due commenti all'interno dei quali possono essere aggiunti anche altri oggetti HTML.
Osservazioni conclusive: Dopo l'installazione della Pagina di Benvenuto quando accedete a Design > Elementi pagina, il layout visibile sarà rappresentato dalla pagina di introduzione che avete creato. Per visualizzare tutti i gadget come al solito basta cliccare sul pulsante di accesso al blog.
Nel blog di demo ho anche inserito la bandiera italiana in occasione dei 150 dell'Unità d'Italia. L'ho fatto come esempio di uno tra i tanti contenuti che possono essere inseriti nella Pagina di Benvenuto o di Introduzione. Il relativo codice va incollato prima di
<!-- Contenuto pagina introduzione fine -->
Essendo il modello di Blogger in linguaggio XML e non un elemento HTML/Javascript evitare di inserire in un eventuale testo apostrofi o accenti. Se fosse indispensabile utilizzare lo strumento Blogcrowds.


95 commenti :

  1. Uso già da qualche settimana questo effetto, è sicuramente una bella trovata che rende il proprio blog ancor più professionale. L'unico problema è che dovrebbe comparire una sola volta durante l'accesso del blog e non ogni volta che si ritorna sulla home, perchè se l'utente decidesse di tornare più volte su questa, l'intro comparirebbe ogni volta e credo che risulterebbe fastidioso. Cercando un pò in rete ho trovato svariate soluzioni, una più plausibile sarebbe quella "della gestione dei cookie tramite javascript" ma a dir la verità non capito bene come andasse installata sul template. Tu hai qualche asso nella manica? :D
    PS: qui si può guardare l'effetto come l'ho usato io: http://ilmontespushermusic.blogspot.com/

    RispondiElimina
  2. @IL Montes La gestione dei cookie senza accedere al server è un po' dura :)

    RispondiElimina
  3. Mmm... Allora non c'è soluzione alternativa per risolvere questo inconveniente? :)

    RispondiElimina
  4. Grazie per questa dritta,seguo il tuo blog e solo oggi sto lasciando un messaggio. Il tuo blog mi ha sempre aiutato a risolvere la grafica del mio blog.

    RispondiElimina
  5. @Wanesia Fa sempre piacere ricevere attestati di stima

    @Il Montes
    Non mi viene in mente niente di fattibile.

    RispondiElimina
  6. Ah però! Bella dritta. Ci studierò sorpa per vedere che riesco a combinare.

    RispondiElimina
  7. è possibile fare in modo che ci sia una barrà di caricamento, e, quando essa sia completa compaia il tasto per accedere al blog?

    RispondiElimina
  8. @bobby
    La barra di caricamento si può installare
    http://www.ideepercomputeredinternet.com/2011/01/mostrare-una-immagine-che-indica-lo.html
    Fare in modo che il pulsante compaia alla fine del caricamento la vedo dura. E poi la pagina di benvenuto è abbastanza veloce a caricarsi.

    RispondiElimina
  9. Ciao Ernesto, in merito a questo post ti chiedo: poichè ancora non sono riuscita a fare il sito come vorrei io e mi appoggio su jimdo che non mi da la possibilità di fare il redirect sul mio dominio, è possibile avere nella pagina di benvenuto del blog due tasti che siano rispettivamente uno per entrare al blog ed uno per entrare nel sito? Una cosa tipo: Entra nel sito.....Entra nel blog. Grazie mille?

    RispondiElimina
  10. @Klarte
    Si può fare di tutto. Puoi per esempio inserire nel contenuto della pagina di benvenuto un codice come questo
    <div style='position:fixed;top:120px;right:160px;'><a href='URL DEL SITO' target='_blank'><font color='#4bacc6' size='4'><strong>ACCEDI AL SITO</strong></font></a></div>

    e poi inserire i parametri che vuoi come URL, colori, testo, posizionamento, ecc

    RispondiElimina
  11. Grazie mille! Devo personalizzarlo ancora un pò e quindi fare prove su prove ma è ciò che volevo!
    Solo una cosa, è anche possibile far aprire il sito senza doverlo necessariamente farlo in un'altra finestra? O diventa complicato? So che per te è tutto possibile ma per me....
    Grazie ancora, buona notte!

    RispondiElimina
  12. Grazie Ernesto! Come immaginavo però jimdo non lo accetta!!!! Va benissimo comunque...per ora!! Buona giornata!

    RispondiElimina
  13. ciao Ernesto,
    ho provato questa modifica su un mio blog di prova, devo dire che l'effetto che ne è scaturito non è niente male, puoi vedere il risultato qui http://riprovoperprovare.blogspot.com/
    prima di metterla in pratica sul mio blog ufficiale volevo chiederti se questa modifica non va a ledere le performance sui motori di ricerca o di adsense... insomma la mia domanda è:
    siamo sicuri che questa modifica non ha nessuna contro indicazione?
    per il momento ti saluto e rimango in attesa di notizie

    RispondiElimina
  14. @Pennywise
    Onestamente non posso assicurartelo.

    RispondiElimina
  15. Non credo che riuscirò mai a spiegarti quanto aiuto mi stai dando e a darti la giusta gloria per i tuoi preziosi consgili! detto questo mi sono imbattuta nella tua guida per creare la pagina di benvenuto al blog ma quello che vorrei chiederti è se successivamente a questa si possa passare ad una pagina con una barra di caricamento in % prima di accedere al vero e proprio blog. grazie mille!

    RispondiElimina
  16. @DeimoniasPhotography
    Credo che sia possibile. Ti posto il tutorial per la barra di caricamento
    http://www.ideepercomputeredinternet.com/2011/01/mostrare-una-immagine-che-indica-lo.html
    Nella pagina di demo rinfresca la pagina per apprezzare meglio la barra perché si tratta di un post molto rapido a caricarsi.

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

    RispondiElimina
  18. ciao Ernesto,
    ho provato a mettere la pagina nel mio blog ed ho riscontrato un problema... se uso internet explorer o chrome nella pagina di presentazione si vede un video che ho nella sidebar del blog se tengo questo elemento come primo in alto nella sidebar, se invece lo metto per secondo elemento non me lo visualizza più... da cosa può dipendere?
    ho anche dei problemi di caricamento pagina (tempi biblici che non sn sicuro che dipendano dalla presentazione) usando Internet explorer e chrome, con firefox tutto ok...

    dimenticavo.... se vuoi dare un occhiata trovi il tutto qui http://riprovoperprovare.blogspot.com/

    RispondiElimina
  19. @Pennywise
    I video sono spesso invasivi. Prova a usare questo metodo
    http://www.ideepercomputeredinternet.com/2011/05/come-visualizzare-i-menu-tendina-quando.html
    serve per i menù ma può darsi che porti dei benefici anche nel tuo caso

    RispondiElimina
  20. ho preso sputo dal post che mi hai linkato ed ho provveduto a cambiare il codice del video con uno più recente... per quanto riguarda il video che si vedeva anche nella pagina di presentazione tutto risolto ora funziona con tutti i browser...
    è rimasto un problema per quanto riguarda internet explorer, ci mette moltissimo a caricare la pagina (anche con chrome ma sn tempi ragionevoli)e il video si sente solo a tratti e una volta entrati nel blog fa fatica a scorrere la pagina, come se ci fosse qualcosa che gli porta via risorse... questo però potrebbe essere un problema solo mio in quanto explorer non l'ho mai usato perchè mi ha sempre più problemi di altri browser... ora vedo se trovo persone che provino a visualizzare il blog con IE per vedere un pò se dipende da me...

    RispondiElimina
  21. Ciao
    Ernesto complimenti per il tuo sito grazie mille anche se fdi html nn ci capisco un bel niente però sono riuscitò creare questo www.jordyfilm.com ( ancora in contruzione )
    ho solo un piccolissimo problema con la pagina di Benvenuto non mi parte la music ( sarebbe un video presso da youtube )per il resto tutto ok grazie ancora
    http://pruevasdelsito.blogspot.com/?zx=df8b0dfc3cc9e319
    uesto e un blog x le prove...

    RispondiElimina
  22. Ho installato la pagina di benvenuto, è tutto perfetto, ma non capisco perchè mi tolga la barra superiore degli strumenti (accedi, logout, nuovo post, desing, ecc.) :( Qualcuno può aiutarmi?

    RispondiElimina
  23. @Nunner
    Basta che togli questo codice
    ,#navbar-iframe, .navbar
    dalla quarta riga. Forse dovrai però ricalcolare le distanze. Io l'ho fatto non prevedendo la barra.

    Detto più semplicemente la quarta riga dovrà essere questa
    .benvenuto {display:none;}

    RispondiElimina
  24. Grazie mille sei stato velocissimo nel salvarmi e molto chiaro. Ti rubo ancora un secondo perchè ho un altro problema simile, cioè mi ha raddoppiato o triplicato lo spazio tra il logo del blog, e la zona dove stanno i post...non posso essere molto chiaro a parole, e sperando non sia considerato spam, provo a linkarti il tutto www.leffimero.com
    Tra il logo e i post c'è la scritta scorrevole, solo che ora ha diciamo "troppo spazio" in cui scorrere...grazie

    RispondiElimina
  25. @Nunner
    Non mi sembra affatto che ci sia troppo spazio tra l'header e l'area del post. Ho aperto il blog con i tre browser più importanti e lo spazio mi sembra giusto. Eventualmente fossi in te sposterei il bottone di accesso in alto perché con Chrome non si riesce a scendere bene nella pagina.
    Comunque se vuoi diminuire lo spazio si tratta di inserire un comando per diminuire il margine alto, quello basso o tutti e due.
    Puoi seguire questo tutorial
    http://www.ideepercomputeredinternet.com/2011/05/come-diminuire-lo-spazio-tra-post-e.html
    e inserire un margin-bottom negativo per il widget della scritta scorrevole (o un margin-top negativo).

    RispondiElimina
  26. @Nunner
    Non mi sembra affatto che ci sia troppo spazio tra l'header e l'area del post. Ho aperto il blog con i tre browser più importanti e lo spazio mi sembra giusto. Eventualmente fossi in te sposterei il bottone di accesso in alto perché con Chrome non si riesce a scendere bene nella pagina.
    Comunque se vuoi diminuire lo spazio si tratta di inserire un comando per diminuire il margine alto, quello basso o tutti e due.
    Puoi seguire questo tutorial
    http://www.ideepercomputeredinternet.com/2011/05/come-diminuire-lo-spazio-tra-post-e.html
    e inserire un margin-bottom negativo per il widget della scritta scorrevole (o un margin-top negativo).

    RispondiElimina
  27. Si avevo notato col portatile e chrome non riuscivo ad accedere...mentre il fisso e chrome si...come le inverto? L'immagine di Benvenuto e il bottone?

    RispondiElimina
  28. @Nunner
    Sposti il tag della immagine dopo quello del bottone. Sono uno di seguito all'altro

    RispondiElimina
  29. Ok, grazie mille di tutto! Scusa il disturbo

    RispondiElimina
  30. ciao Ernesto,
    ho visitato questo blog http://www.stopcensura.com/ ed ho visto che ha messo la casella di ricerca di google a seguito della barra in alto... sai per caso come si fa? sarebbe interessante poter usare quello spazio che altrimenti rimane inutilizzato così da rendere anche meno affollata la sidebar...

    RispondiElimina
  31. @Pennywise
    Posso immaginare come ha fatto anche se penso che sia merito di chi ha creato il modello. Segui questo post
    http://www.ideepercomputeredinternet.com/2011/02/come-aggiungere-link-al-widget-delle.html
    Invece di aggiungere un link al widget delle pagine statiche è stato aggiunto il form della ricerca con un CSS uguale a quello delle altre voci.
    Potrebbe essere una cosa di questo tipo
    <div style="margin-top:4px;">
    <form action .....</form>
    <script type="text/javascript" ..... ></script>
    </div>
    dove la parte centrale è il codice della casella di ricerca.

    RispondiElimina
  32. ho provveduto a fare la modifica, tutto ok funziona alla perfezione grazie mille...

    RispondiElimina
  33. @Pennywise
    Magari allora quando ho un po' di tempo ci faccio un post. Articoli di questo tipo hanno bisogno di test e quindi non possono essere scritti in 15 minuti.

    RispondiElimina
  34. Ciao ernesto mi sei sempre di grande aiuto, ma mi sorge una domanda: è possibile personalizzare il pulsante "Accedi" creando un modello con un programma di editing come gimp e successivamente uplodarlo?
    Grazie

    RispondiElimina
  35. @ Vj's Design
    Si tratta di un pulsante quindi deve sottostare alle regole classiche della sintassi atta a crearlo. Sicuramente si potrà creare ma non sono così bravo da poterti indirizzare in tal senso.

    RispondiElimina
  36. Ciao!!! Mi serve aiuto,dopo che modifico l'html non mi salva le modifiche, esce scritto di controllare i tag, però io ho seguito alla lettera tutti i tuoi passi... secondo te perchè?

    RispondiElimina
  37. @Dolci Sorrisi
    Prova a vedere se ti salva il codice così come è, poi lo modifichi successivamente.
    Forse ti sei dimenticata di mettere
    </span> prima di </body>?

    RispondiElimina
  38. Sono di nuovo io, grazie 1000, infatti sbagliavo sostituendo i tag....grazie grazie grazie!!! complimenti per il tuo spazio è bellissimo, è tra i miei preferiti!!! Ciao

    RispondiElimina
  39. Gentile Ernesto
    scusa se "rompo" ma ho un problema, volevo segnalarti che nel codice c'è qualcosa che elimina lo "scroll"

    RispondiElimina
  40. @Vj's Design
    Ne sono consapevole però purtroppo non ho trovato il modo per ovviare. E' per questo che ho consigliato di mettere il bottone di accesso nella parte alta della pagina in modo che sia comunque cliccabile anche se viene aperta con schermi a bassa risoluzione.

    RispondiElimina
  41. domanda assurda: se al posto dello sfondo nero ci fossero una serie di immagini a tutto schermo che sfumano l'una nell'altra? Sto cercando di adattare questo codice a quello che ho di supersized... ma mi sa che chiedo troppo a me stessa. C' è qualche metodo alternativo?

    RispondiElimina
  42. @Soffio di Dea
    Nel codice della pagina di benvenuto puoi provare a incollarci quello che ti pare. Bisogna però vedere se poi funzionerà. Bisogna solo provare, non si può dire a priori.

    RispondiElimina
  43. Ho provato... ma la cosa è un bel po' ardua, mi sa che aspetto che esca qlcsa di simile... ho timore per l'indicizzazione, dato che l'url con i post sarà quello con search finale. Vabbé pazienza :)

    RispondiElimina
  44. ciao, vorrei sapere se possibile come poter inserire un immagine di sfondo..grazie x questo e il tuo lavoro..ciao

    RispondiElimina
    Risposte
    1. @VegPlacePuntoNet
      Per inserire una immagine di sfondo si va su Modello > Personalizza > Sfondo > Immagine di sfondo. Si può caricare una immagine dal computer o scegliere una di quelle proposte suddivise per categorie.

      Elimina
  45. Ciao Ernesto,
    per prima cosa grazie per tutto il lavoro che fai e che condividi...
    avrei una domanda, ho visto che è già stata fatta ma non mi sembra che ci sia risposta, ovvero: è possibile fare in modo che la pagina di benvenuto appaia solo quando si accede al blog e non tutte le volte che, dall'interno del blog, si clicca sul tasto "HOME"???
    grazie mille

    RispondiElimina
  46. Ho lavorato tutto oggi per sostituire lo slide di foto iniziale con una pagina introduttiva e ho inserito anche la musica. Grazie mille per questo post. (Magari lo slide lo metto nell'intestazione del blog) :)

    RispondiElimina
    Risposte
    1. @SoffiodiDea
      Allora tra tutte le pagine di presentazione che ho presentato hai scelto proprio questa :D In effetti è molto elegante e in stile dark al quale sembra ti sia avvicinata in quest'ultimo periodo :).

      Elimina
    2. sì era quella che più si adattava... peccato che su explorer si veda la barra laterale e molti tendono a scorrerla -.-' però mi piace :) grazie :*

      Elimina
    3. Avevo usato questo sistema per creare l'header del blog e la musica in sottofondo... solo che non sento più la musica oggi... sai per caso il perché? :(

      Elimina
    4. @Soffiodidea
      Controlla che il video di Youtube da cui hai estratto la musica sia ancora disponibile. E' la spiegazione più semplice ma forse ci si azzecca.

      Elimina
    5. ho provato a metterne un altro ma nulla... peccato, mi piaceva la musica in sottofondo :)

      Elimina
    6. risolto... avevo saltato una parte di codice, grazie :)

      Elimina
  47. bellissimaaaaaaaaaaaaa alla fine ho installato questa pagina di benvenuto http://themydiarysecret.blogspot.com

    RispondiElimina
    Risposte
    1. @Arwen+-+-+
      Questa è la Pagina di Benvenuto che ha avuto indubbiamente il maggio successo

      Elimina
    2. unicva cosa e che non riesco a far sentire il player e a coprire il pezzettino sopra di nero

      Elimina
    3. dove prima stava la barra di navigazione

      Elimina
    4. @Arwen+-+-+-
      Leggi anche i commenti predenti che ti possono essere di aiuto. Se hai la navbar forse è per quello che ti rimane un pezzo scoperto. Più del 100% non si potrebbe andare ma tu prova a mettere una percentuale superiore.

      Elimina
    5. allora sono riuscita a sistemare la barra ma con l'audio ancora niente non so perchè non si senta o controllato e ricontrollato i codici e sono apposto il video su youtube si sente ma sul blog no dove sbaglioooo :( :( :( :(

      Elimina
    6. @Arwen+-+-
      Deve esserci una stringa simile a questa
      src='http://www.youtube.com/v/XYZXYZ&autoplay=1&loop=1'

      Elimina
    7. mi da quest'errore
      Non è stato possibile analizzare il tuo modello, in quanto non è strutturato correttamente. Assicurati che tutti gli elementi XML presentino il tag di chiusura richiesto.
      Messaggio di errore XML: The reference to entity "autoplay" must end with the ';' delimiter.
      Error 500

      Elimina
    8. se modifico la stringa che mi hai dato questa e quella originale

      src='http://www.youtube.com/v/XXXXXX&autoplay=1&loop=1' width='0'

      dovce c'e la xxxx inserisco l'id della song ma non funge

      Elimina
    9. @Arwen+-+-
      Ti posto il link della demo per aiutarti
      src='http://www.youtube.com/v/SEk_aPqTK9M&autoplay=1&loop=1'
      se ti funziona significa che fai degli errori nella modifica dell'ID

      Elimina
  48. @Arwen+-+-+
    Leggi anche qui
    http://www.ideepercomputeredinternet.com/2011/02/come-eliminare-lo-spazio-superiore-nei.html

    RispondiElimina
  49. Salve ho seguito le istruzioni ma non sò come mia la pagina intro scompare subito invece di rimanere, questo è il blog di porva che ho creato http://provbaaa.blogspot.it/

    RispondiElimina
    Risposte
    1. @ EvoCuore
      Ma il tuo blog è a Visualizzazione Dinamica. Con quei modelli non si può modificare il codice HTML

      Elimina
  50. Ciao Ernesto volevo mettere questa musica di sottofondo http://www.youtube.com/watch?v=2JLcckaF3F0 alla pagina intro del blog http://bioartuno.blogspot.it/ ma non ci riesco, ho immesso il codice 2JLcckaF3F0 al posto delle XXXXX ma non sento la musica, dove sbaglio?

    RispondiElimina
    Risposte
    1. @EvoCuore
      Se tu incolli questa stringa nel browser
      http://www.youtube.com/v/2JLcckaF3F0&autoplay=1&loop=1
      leggerai che la riproduzione del video è bloccata su determinati siti. Cerca un video non protetto da copyright.

      Elimina
  51. Ciao Ernesto avrei un'altra domanda sulla pagine intro di http://bioartuno.blogspot.it/, in pratica ho dei problemi su google chrome e mozzilla in quanto se voglio mettere un immagine molto grande non inserisce la barra laterale di scorrimento della pagina obbligandomi a inserire un immagine molto piccola, mentre su explorer inserice la barra di scorrimento, in più sempre in chrome e mozzillarimane un pezzettino scoperto sopra, c'è per caso un modo per ovviare a questi problemi? grazie in anticipo

    RispondiElimina
    Risposte
    1. @EvoCuore
      Confesso di non avere conoscenze in merito a queste tematiche riguardo al comportamento dei diversi browser.

      Elimina
  52. Ciao come posso mettere il link per entrare nella homepage oltre al bottone "accedi" anche sull'immagine in questo caso "benvenuto" ???
    Ho provato ma il link della pagina di benvenuto è uguale alla homepage.
    C'è un modo per richiamare solo l'homepage ???

    RispondiElimina
    Risposte
    1. Non c'è un link ma un javascript. La sua modifica non è semplicissima @

      Elimina
    2. ah :S e nn c'è un modo di mettere come al bottone per far si ke quando si clicca sull'immagine tramite javascript entra nella homepage???

      Elimina
    3. @VincenzoPugliese
      Al posto della immagine di benvenuto
      <img src='https://lh4.googleusercontent.com/_nT13UtBmmiU/Tc56q09ulbI/AAAAAAAATL4/oZ5F1BP8BlI/benvenuto.gif'/>

      prova a mettere questo codice

      <p class='Accedere'><a href="javascript:void(0);" onClick="document.getElementById('Contenitore').className = 'AdIntro', document.getElementById('Landing').className = 'benvenuto', document.getElementById('AudioInBack').innerHTML = '', document.body.style.overflow='auto' "><img src='https://lh4.googleusercontent.com/_nT13UtBmmiU/Tc56q09ulbI/AAAAAAAATL4/oZ5F1BP8BlI/benvenuto.gif'/></a></p>

      Se il modello non lo salva prova a parsarlo con questo strumento
      http://blogcrowds.com/resources/parse_html.php
      prima di incollarlo
      P.S. Non ho testato e quindi non garantisco

      Elimina
    4. ho provato ad inserire e se modifico l'immagine mi esce un rettangolo bianco di un bottone come quello che c'è sotto e in piu' me lo inserisce sotto l'immagine =( non c'è niente da fare ???

      Elimina
    5. Si può far tutto ma ci vorrebbe tempo, cosa che non ho :)

      Elimina
  53. Grazie Ernesto, ancora una volta uno dei tuoi post mi è stato utilissimo.
    I tuoi tutorial sono sempre chiari ed esaurienti in ogni loro parte!
    Buona serata,
    Ele

    RispondiElimina
  54. Ciao Ernesto, ho letto questo utile tutorial e volevo chiedere se era possibile piuttosto che un'immagine di benvenuto, inserire un video che in autoplay appare quanto gli utenti accedono al sito. E' possibile

    RispondiElimina
    Risposte
    1. Si può provare. Togli questo codice
      <div id='AudioInBack'>
      <iframe allowfullscreen='' frameborder='0' height='0' src='http://www.youtube.com/v/XXXXXX&amp;autoplay=1&amp;loop=1' width='0'/>
      </div>
      e al posto di quest'altro
      <img src='https://lh4.googleusercontent.com/_nT13UtBmmiU/Tc56q09ulbI/AAAAAAAATL4/oZ5F1BP8BlI/benvenuto.gif'/>
      incollaci il codice di un video preso da youtube con l'opzione autoplay. Non ti so dire se funzionerà perché potrebbero esserci dei problemi ma provare non costa nulla
      @#

      Elimina
  55. Salve, a me non funziona l'audio... come mai?

    RispondiElimina
    Risposte
    1. Dipende da Youtube che ha interrotto la condivisione di certi contenuti video per questioni di copyright. Dovresti caricare tu su Youtube un video con un tuo audio libero oppure scegliere una musica tra quelle che Youtube fa mettere come sottofondo.
      @#

      Elimina
  56. Ciao Ernesto. Dopo un paio di giorni di tentativi ho risolto il problema della scomparsa della scroll bar utilizzando il codice html sopra indicato. Ho poi sostituito un video alla gif e tutto pare funzionare. Mi rimane da personalizzare il tasto "accedi al blog": vorrei mettere come pulsante una immagine che ho in google foto. Puoi indicarmi la strada per farlo?

    RispondiElimina
    Risposte
    1. Prova a sostituire Accedi al blog con questa stringa
      <img src='URL IMMAGINE' width='120'/>
      dove puoi personalizzare la larghezza della foto e devi inserire l'URL diretto della immagine. Non è semplicissimo trovare l'URL diretto di una immagine su Google Foto. Ti consiglio di postarla in una Bozza di Blogger con questo sistema
      https://www.ideepercomputeredinternet.com/2018/03/blogger-images-hotlink.html
      @#

      Elimina
    2. @# Se non ti salva il tema prova a sostituirla con questa
      &lt;img src=&apos;URL IMMAGINE&apos; width=&apos;120&apos;/&gt;

      Elimina
    3. Questo commento è stato eliminato dall'autore.

      Elimina
    4. Ottimo. Grazie.

      Posso chiederti perché non si sente l'audio in sottofondo che tu avevi caricato nell'esempio?

      Elimina
    5. C'è questo codice
      iframe ,,,
      che inserisce un player di Youtube con dimensioni zero però pare che non sia più possibile per questioni di copyright. Leggiti i commenti precedenti
      @#

      Elimina
  57. Ciao Ernesto.
    Ho quasi completato il blog e la pagina di benvenuto inserita seguendo i tuoi consigli è davvero una "chicca".
    Nel menù, però, mi ritrovo un pulsante vuoi tra le prime due voci e il link alla Home page risulta circondato da due riquadri: come posso normalizzare il tutto?
    Questo è il mio link https://provafq.blogspot.com/

    RispondiElimina
    Risposte
    1. Ho analizzato il codice e non ho trovato la ragione della doppia evidenziazione della scritta Home. Mi pare però cosa di non grande importanza visto che viene visualizzata appunto solo nella Homepage
      @#

      Elimina

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti.
Info sulla Privacy