Ecco un nuovo modo per differenziare i vostri post da quelli di molti altri. Vi chiederete certamente come ? Semplice, con dei post espandibili.
Ricordo però che la descrizione dettagliata (in inglese) dello script, realizzato da Ramani e Hans, la trovate a questo indirizzo.Allora iniziamo:
Per prima cosa loggatevi a blogger e selezionate 'Modello' e 'Modifica HTML'.
Ora spuntate l'opzione ' Espandi i modelli widget '
Ora facendo attenzione a dove posizionare i codici seguite queste istruzioni:
Per prima cosa dovete inserire questo codice subito dopo il tag <head>
<script type='text/javascript' src='http://kamyxxii.altervista.org/perblog/hackosphere.js' />
Ora vi è una parte molto importante.
Cercate il tag <div class='post-body'> (se nn lo trovate manualmente premete F3 per una ricerca automatica ) e sostituitelo con questo:
<div class='post-body' expr:id='"post-" + data:post.id'> <b:if cond='data:blog.pageType == "item"'>
Andate a capo dopo <p><data:post.body/></p>
e inserite il codice che trovate qui:(Ricordo comunque che le scritte Read More... e Summary Only... possono essere modificate a piacimento)
Salvate il tutto e recatevi in Impostazioni e Formattazione.
Qui nella parte Modello Post inserite questo codice:
Ora ogni volta che scriveretè un post vi appariranno queste righe:
Qui il sommario <span id="fullpost"> Qui il resto del post </span>
Inserite il sommario nella parte Qui il sommario e tutto il resto del post nella parte Qui il resto del post e salvate il tutto.
Se invece volete che il post sia visualizzato normalmente basta cancellare le seguenti righe per farlo apparire come al solito.
28 commenti:
Ciao,
ho seguito le tue istruzioni e funziona, però mi appaiono nel post anche le due frasi "qui il sommario" e "qui il resto del post". Avendo lo sfondo nero fino ad adesso ho rimediato cambiando la scritta in nero, ma hai una soluzione? Grazie e ciao
ciao!ho eseguito le istruzioni solo che quando vado a salvare mi dice che il tipo di elemento "p" deve essere chiuso dal corrispondente tag di fine" .
come devo fare'?
grazie!
Allora la chiusura di un tag p è (/p). Ho messo le parentesi tra p perchè altrimenti non mi faceva inserire il commento. Ricordati di inserire p tra <>.Ciao.
Ciao Kamy22 sono Riky.
Ho seguito i tuoi consigli ed ho provato a creare un post espandibile sul mio blog di Splinder.
ma i codici HTML a cui tu fai riferimento per inserire i tuoi codici sono differenti su Splinder.
E' inutile dirti che non ci sono riuscito.
Come posso fare?
A volte mi capita di scrivere post molto lungli e un post espandibile mi farebbe comodo.
Ciao Grazie Riky
Ciao sono Vincenzo... intanto hai un bog fantastico pieno di consigli.
Sto cercando di creare i spo espandibili ma non ci riesco mi da sempre lo stesso 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 element type "p" must be terminated by the matching end-tag "
cosa posso fare? Ho letto anche che rispondi di sostiutire le ( ) con <> alla chiusra di p ma nel tuo codice non trovo parentesi alla chiusura di p.
Se puoi dammi una mano grazie
Vincenzo
ciao! hai un blog fantasico.. mi hai aiutato a fare quasi tutto nel mio blog.. ti do il link csì vedi il risultato del tuo lavoro :P ( http://situnovuelves-marika.blog.spot.com ) com ho provato a mettere il post espandibile (visto ke i miei sono sempre lunghissimi) come mi hai detto tu.. ma qnd è il moento di sostituire --- div class='post-body'--- tra le due <> non lo trova nemmeno con f3.. come è possibile? puoi darmi una mano? grazie mille di tutto qll ke fai x noi blogger in difficoltà.. un bacio Marika
Ciao, grazie per i consigli utilissimi: quello sulla barra di navigazione è fenomenale: conosco bene Blogger eppure non avevo mai trovato la maniera di toglierla. Grazie!!!
Riguardo ai post espandibili: ottima idea.
E' possibile fare la stessa cosa per gli elementi nella colonna a lato? Vorrei rendere espendibili ad esempio le parti "Chi siamo", "Dove siamo".
Ancora grazie, Omar
Per quanto riguarda la colonna non so proprio. Cmq mi metterò alla ricerca e ti farò sapere se esiste tale possibilità. Ciao
Grazie ancora!
Complimenti per il blog, e grazie per il servizio che offri, davvero utile. Io però non riesco a risolvere questo problema della p da chiudere, non capisco dove va messo il tag di chiusura, puoi aiutarmi?
grazie
ciao! molto utile il tuo blog davvero per me almeno che sono ignorante in materia e mi piacerebbe evolvermi! grazie dei consigli che ci dai!
Ciao!
volevo chiederti una cosa a proposito di FileHo, ho inviato un'immagine per il mio banner, ma non riesco ad utilizzarla. Ci vuole del tempo perchè lo possa utilizzare? O devo fare qualcos'altro?
grazie!
prima di tutto grazie per esistere da giorni impazzivo per creare un post espandibile la guida mi diceva di andare nel foglio di stile e' solo da un mese che ho fatto il blog con blogger immagina te se so dov' e il foglio di stile adesso provero ad aprire il modello come spieghi dici di porre attenzione dove mettero il codice cioe dopo il tag head spero almeno di arrivare fino a li' poi come si fa la ricerca del codice con f 3 basta premerlo? te ne saro immensamente grata Maristella
www.universoumano-starl.blogspot.com ( non so neanche se il blog con blogspot va bene)help
Ciao,
la parte head è quella che si trova dopo il testo head...
per quanto riguarda la ricerca è sufficiente espandere i modelli widgets e premere f3.
Il tutto è proprio per blogger, quindi nessun problema...
ciao kami! intanto ti faccio i complimenti per il bellissimo blog e poi volevo dirti che quando creo un nuovo post si visualizza solo Qui il sommario Qui il resto del post e non span>Qui il sommario s p a n id="fullpost"> Qui il resto del post span> perciò incontro disagi nella pubblicazione. come mai?
allora, il tag HTLM div class eccetera eccetera non lo trovo neppure con F3. Mi puoi dire cosa c'è che non va e come posso fare per rimediare? Grazie!
oh, a proposito.........grazie x le icone di Hilary!
ciao kami volevo kiederti km fare a mettere uno sfondo in un intervento e poi scriverci sopra...!!???ti lascio il my kontatto xk nn credo ke ritornero in qsta pagina pure xk ci sn entrata x kaso x favore prendi il kontatto xk ho veramente bisogno di un aiuto ormai sono 8 mesi ke provo a fare qllo ke ti ho kiesto ma nn ci sn riuscita .............aiutami tu........jo@alice.com
ciao volevo dirti che nn riesco a trovare div class='post-body' e a sostituirlo!!! F3 nn funziona!
ciao comunque volevo chiederti che tipo di modello avevi prima di modificare l'HTML.
forse è per questo che non riesco a trovare gli stessi elementi HTML!
per favore mi puoi rispondere presto?
inviami una e-mail il mio indirizzo è:
federicacontento@yahoo.it
per favore rispondi prest!
ho un problema nel mio nuovo template la porzione di codice "div class='post-body'(ho messo le " perchè senno non potevo postare) non c'è e non so dove mettere le mani, mentre nel mio vecchio template c'ero riuscito, puoi aiutarmi
ciao ho provato a fare le modifiche ma non sono presenti alcune voci che evidenzi nella guida come faccio??
io non riesco a trovare
div class='post-body' nel mio blog forse ha un nome diverso.non so cosa sostituire per creare post espandibili
div class='post-body' non lo trovo
Ho creato post espandibile, un problema alla fine visualizza " continua a leggere" per ben due volte + " continua ".
cosa ho sbagliato?
grazie del tuo aiuto.
Maurizio
Mille grazie!
Grazie kamil la tua soluzione funziona meglio di altre :)inoltre nei post che si vogliono mantenere interi non si visualizza la voce "continua a leggere".. Ottimo :D
ciao ho creato un bog su blogger ma non capisco come faranno gli altri a trovare il mio blog?mi potete aiutare?
Posta un commento