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
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='"loading" + 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
- 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
- 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
- Un discorso analogo vale per i codici dei colori del bottone e per le dimensioni dei caratteri
- E' stato introdotto un arrotondamento dei bordi del bottone con l'attributo border-radius di cui può essere modificato il valore
- L'immagine in GIF il cui URL è colorato di rosso può essere cambiata con un'altra che dovrà essere preventivamente caricata su Picasa.
- 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.
- 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" /> - Il valore margin-top:200px è il valore a cui tende in alto la pagina di introduzione. Può essere modificato se il risultato non è ottimale.
- 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.
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
RispondiEliminaPS: qui si può guardare l'effetto come l'ho usato io: http://ilmontespushermusic.blogspot.com/
@IL Montes La gestione dei cookie senza accedere al server è un po' dura :)
RispondiEliminaMmm... Allora non c'è soluzione alternativa per risolvere questo inconveniente? :)
RispondiElimina@Wanesia Fa sempre piacere ricevere attestati di stima
RispondiElimina@Il Montes
Non mi viene in mente niente di fattibile.
ok grazie ^^
RispondiEliminaAh però! Bella dritta. Ci studierò sorpa per vedere che riesco a combinare.
RispondiEliminaè possibile fare in modo che ci sia una barrà di caricamento, e, quando essa sia completa compaia il tasto per accedere al blog?
RispondiElimina@bobby
RispondiEliminaLa 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.
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@Klarte
RispondiEliminaSi 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
Grazie mille! Devo personalizzarlo ancora un pò e quindi fare prove su prove ma è ciò che volevo!
RispondiEliminaSolo 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!
@KlArte
RispondiEliminaBasta che togli
target='_blank'
Grazie Ernesto! Come immaginavo però jimdo non lo accetta!!!! Va benissimo comunque...per ora!! Buona giornata!
RispondiEliminaciao Ernesto,
RispondiEliminaho 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
@Pennywise
RispondiEliminaOnestamente non posso assicurartelo.
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@DeimoniasPhotography
RispondiEliminaCredo 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.
Questo commento è stato eliminato dall'autore.
RispondiEliminaciao Ernesto,
RispondiEliminaho 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/
@Pennywise
RispondiEliminaI 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
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...
RispondiEliminaè 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...
Ciao
RispondiEliminaErnesto 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...
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@Nunner
RispondiEliminaBasta 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;}
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
RispondiEliminaTra il logo e i post c'è la scritta scorrevole, solo che ora ha diciamo "troppo spazio" in cui scorrere...grazie
@Nunner
RispondiEliminaNon 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).
@Nunner
RispondiEliminaNon 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).
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@Nunner
RispondiEliminaSposti il tag della immagine dopo quello del bottone. Sono uno di seguito all'altro
Ok, grazie mille di tutto! Scusa il disturbo
RispondiEliminaciao Ernesto,
RispondiEliminaho 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...
@Pennywise
RispondiEliminaPosso 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.
ho provveduto a fare la modifica, tutto ok funziona alla perfezione grazie mille...
RispondiElimina@Pennywise
RispondiEliminaMagari 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.
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?
RispondiEliminaGrazie
@ Vj's Design
RispondiEliminaSi 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.
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@Dolci Sorrisi
RispondiEliminaProva a vedere se ti salva il codice così come è, poi lo modifichi successivamente.
Forse ti sei dimenticata di mettere
</span> prima di </body>?
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
RispondiEliminaGentile Ernesto
RispondiEliminascusa se "rompo" ma ho un problema, volevo segnalarti che nel codice c'è qualcosa che elimina lo "scroll"
@Vj's Design
RispondiEliminaNe 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.
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@Soffio di Dea
RispondiEliminaNel 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.
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 :)
RispondiEliminaciao, vorrei sapere se possibile come poter inserire un immagine di sfondo..grazie x questo e il tuo lavoro..ciao
RispondiElimina@VegPlacePuntoNet
EliminaPer 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.
Ciao Ernesto,
RispondiEliminaper 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
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@SoffiodiDea
EliminaAllora 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 :).
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 :*
EliminaAvevo 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@Soffiodidea
EliminaControlla che il video di Youtube da cui hai estratto la musica sia ancora disponibile. E' la spiegazione più semplice ma forse ci si azzecca.
ho provato a metterne un altro ma nulla... peccato, mi piaceva la musica in sottofondo :)
Eliminarisolto... avevo saltato una parte di codice, grazie :)
Eliminabellissimaaaaaaaaaaaaa alla fine ho installato questa pagina di benvenuto http://themydiarysecret.blogspot.com
RispondiElimina@Arwen+-+-+
EliminaQuesta è la Pagina di Benvenuto che ha avuto indubbiamente il maggio successo
unicva cosa e che non riesco a far sentire il player e a coprire il pezzettino sopra di nero
Eliminadove prima stava la barra di navigazione
Elimina@Arwen+-+-+-
EliminaLeggi 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.
ok provo
Eliminaallora 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@Arwen+-+-
EliminaDeve esserci una stringa simile a questa
src='http://www.youtube.com/v/XYZXYZ&autoplay=1&loop=1'
mi da quest'errore
EliminaNon è 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
se modifico la stringa che mi hai dato questa e quella originale
Eliminasrc='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
@Arwen+-+-
EliminaTi 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
@Arwen+-+-+
RispondiEliminaLeggi anche qui
http://www.ideepercomputeredinternet.com/2011/02/come-eliminare-lo-spazio-superiore-nei.html
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@ EvoCuore
EliminaMa il tuo blog è a Visualizzazione Dinamica. Con quei modelli non si può modificare il codice HTML
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@EvoCuore
EliminaSe 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.
ok grazie :-)
EliminaCiao 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@EvoCuore
EliminaConfesso di non avere conoscenze in merito a queste tematiche riguardo al comportamento dei diversi browser.
Ok grazie lo stesso
EliminaCiao come posso mettere il link per entrare nella homepage oltre al bottone "accedi" anche sull'immagine in questo caso "benvenuto" ???
RispondiEliminaHo provato ma il link della pagina di benvenuto è uguale alla homepage.
C'è un modo per richiamare solo l'homepage ???
Non c'è un link ma un javascript. La sua modifica non è semplicissima @
Eliminaah :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@VincenzoPugliese
EliminaAl 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
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 ???
EliminaSi può far tutto ma ci vorrebbe tempo, cosa che non ho :)
Eliminaok grazie di tutto =)
RispondiEliminaGrazie Ernesto, ancora una volta uno dei tuoi post mi è stato utilissimo.
RispondiEliminaI tuoi tutorial sono sempre chiari ed esaurienti in ogni loro parte!
Buona serata,
Ele
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
RispondiEliminaSi può provare. Togli questo codice
Elimina<div id='AudioInBack'>
<iframe allowfullscreen='' frameborder='0' height='0' src='http://www.youtube.com/v/XXXXXX&autoplay=1&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
@#
Salve, a me non funziona l'audio... come mai?
RispondiEliminaDipende 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@#
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?
RispondiEliminaProva a sostituire Accedi al blog con questa stringa
Elimina<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
@#
@# Se non ti salva il tema prova a sostituirla con questa
Elimina<img src='URL IMMAGINE' width='120'/>
Questo commento è stato eliminato dall'autore.
EliminaOttimo. Grazie.
EliminaPosso chiederti perché non si sente l'audio in sottofondo che tu avevi caricato nell'esempio?
C'è questo codice
Eliminaiframe ,,,
che inserisce un player di Youtube con dimensioni zero però pare che non sia più possibile per questioni di copyright. Leggiti i commenti precedenti
@#
Ciao Ernesto.
RispondiEliminaHo 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/
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@#