Passa ai contenuti principali

Aggiungere anteprima del post, in blogger

Un piccolo difetto della piattaforma blogger e quella che ci mostra l'intero contenuto di ogni post nella pagina, rallentando a volte il caricamento della pagina. Grazie a Ramani


Un piccolo difetto della piattaforma blogger e quella che ci mostra l'intero contenuto di ogni post nella pagina, rallentando a volte il caricamento della pagina. Grazie a Ramani
1 passo impostazioni, modifica modello html, scarichiamo e salviamo una copia del template non si sa mai. Espandi widget, e incominciamo:
Aggiungere il seguente codice JavaScript. Appena sopra il tag </head>:

<script type='text/javascript' src='http://www.anniyalogam.com/widgets/hackosphere.js' />


2 passo cercate il tag b:includable id='post', nel vostro modello e modificatelo in modo tale che sia esattamente come quello di seguito,(il codice in rosso, si deve aggiungere):

<b:includable id='post' var='post'>
<div class='post'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title'>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</h3>
</b:if>
<div class='post-header-line-1'/>

<div class='post-body' expr:id='"post-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>
<p><data:post.body/></p>
<b:else/>
<style>#fullpost {display:none;}</style>
<p><data:post.body/></p>
<span id='showlink'>
<p><a expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>Read More...</a></p>
</span>
<span id='hidelink' style='display:none'>
<p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>Summary only...</a></p>
</span>
<script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
</div>
.... resto del codice del template ....



Slvate il modello

3 passo Andate nella scheda impostazioni, formattazione, e in fondo alla pagina troverete modello post, in quel riquadro a sinistra inserite il seguente codice:

Type your summary here.
<span id="fullpost">
Type the rest of your post here.
</span>

salvate le impostazioni

Ora ogni nuovo post avra la Type your summary here, che sarebbe il sommario del vostro post l'anteprima, e in Type the rest of your post here., andrete a scrivere il vostro post completo, cosi evrete il blog sempre ordinato.
alla prossima

Commenti

  1. Istruzioni da seguire con attenzione, chiare, funziona tutto benissimo! Da stile al blog.. Blogspot leader! Elektrojoke jeah!

    RispondiElimina
  2. Sei un mito!
    Ma c'è la possibilità di riconverire autoamticamente tutti i post vecchi, oppure dovrò fare tutto manualmente?
    Ciao

    RispondiElimina
  3. Scusa, ma giusto per precisione (visto che era tutto preciso fino a qui):
    Quando scriviamo il post sovrascriviamo "Type your summary here." e "Type the rest of your post here."?

    Grazie!

    RispondiElimina
  4. Alla fine mi è bastato provare che infatti ci arrivavo da solo.
    Ancora una cosa però:
    Non so se dipende dal fatto che inseriso immagini nell'anteprima, perché con l'unico senza mi pare non me lo faccia, ma ho un sacco di spazio vuoto tra il link alla continuazione del post e la fine dell'anteprima.

    Ho scritto un post apposta, ma non ho risposte al problema.

    Per il resto funziona tutto alla perfezione. Grazie

    RispondiElimina
  5. devo ringraziarti, era tempo che cercavo il modo di spezzare i post sul mio blog e ora finalmente posso farlo.
    Grazie mille!

    RispondiElimina
  6. Avendo usufruito di queste tue utilissime dritte sull'accatiemmeelle mi sono permesso di linkarti...

    RispondiElimina
  7. ciao che vuol dire la parte in rosso devi aggiungerla io ho sostituito tutta la parte in questione con la tua il tasto read more esce ma cliccandoci sopra non si apre il resto del blog

    RispondiElimina
  8. sono appena tornato a casa ma morivo dalla curiosità di provarlo, funziona :-)

    RispondiElimina
  9. Ciao Elektrojoke,
    son capitata nel tuo blog proprio perché desidero rendere il mio blog su questa piattaforma più "snello". Di HTML non ci capisco più di tanto, ma con un vecchio blog su Splinder avevo comunque imparato a metterci mano. Ho seguito le tue istruzioni passo dopo passo più volte ma alla fine mi dà sempre questo messaggio:

    "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 "b:includable" must be terminated by the matching end-tag "".

    Non ho capito assolutamente a cosa si riferisca.
    Non è che PEKKASO mi sai dare una dritta?

    N.B.: ho anche provato a copiare integralmente il codice del tuo blog ma mi dà comunque un altro segnale di errore... come se non avessi chiuso un tag

    Grazie :-D e scusa del disturbo

    RispondiElimina
  10. io ti amooooooo
    (erano MESI che cercavo di fare questa cosa...sì, insomma,a vrei preferito una cosa automatica, tipo selezione di un numero definito di caratteri etc, ma direi che così già può andare.

    RispondiElimina
  11. ciao elektrojoke,
    ho un problema siccome i miei post vengono letti anche da gente che nn ha tanta esperienza con internet potresti per favore dirmi come inserire "leggi tutto" al posto "READ MORE"
    Saluti Fabio

    RispondiElimina
  12. ciao fabiuz allora vai in modifica template html premi ctrl+f e cerca read more cancellalo e scrivi leggi tutto o cio che ti pare ciaooo

    RispondiElimina
  13. Ciao Electrojoke, bell'applicazione! Solo che quando sostituisco "Type your summary..." ecc ecc con il mio testo non accade niente. Il post non si spezza! La cosa strana è che se provo a sostituire con singole parole il testo standard il post si spezza automaticamente... Che succede? Puoi darmi una mano?

    Grazie

    RispondiElimina
  14. Ciao Elektrojoke, complimenti per il blog, veramente molto molto utile!
    Volevo chiederti come fai a dare quella formattazione al codice nei post... nel senso... lo sfondo grigio e la scritta "code" a sinistra.

    A presto!

    RispondiElimina
  15. Ciao Electrojoke, sono Ignazio,

    avrei due domande da porti:

    1)come posso mettere il menu che sale e scende come il tuo?..

    2) ma perchè i video di youtube che posto mi si vedono a metà schermo??
    http://www.ricordamela.com/2008/05/s-avv-hai_22.html io ho variato le dimensioni per visualizzarlo più grande ma me lo taglia (dal mio computer no, ma se viene visto da un xp o altro è a metà)..

    Si tratta del mio progetto di laurea e se riusciresti a trovare il tempo di rispondermi te ne sarei eternamente grato..

    Grazie!

    Ig

    RispondiElimina
  16. io ti faccio un monumentoooo
    giurooooo
    sei mitico..^____^
    un grazie di cuore
    eleonora

    RispondiElimina
  17. mah, io ho provato in lungo e in largo, ma la modifica non mi riesce. chi mi può aiutare ? sono alle prime armi per altro ...
    date una occhiata voi.

    allaleggera.blogspot.com

    RispondiElimina
  18. Ciao aristotele mi sembra strano che non funzioni funziona a tutti forse sbagli qualcosa in qualche passaggio prova a rifarlo con calma..e okkio a nn saltare o sbagliare qualcosa..

    RispondiElimina
  19. ciao e grazie della risposta. ho controllato ma niente da fare. o meglio, sono riuscito a far funzionare il discorso, grazie devo dire il vero ad un'altra guida (vedendo visivamente i passggi ho capito dove sbagliavo).
    Ho notato che succede questo:
    se nell'articolo ci sono 1 immagine prima del punto in cui tagliare e 2 dopo, lui mostra immagine e testo di quello che c'è scritto prima, e del resto nasconde il testo ma continua a mostrare le immagini. Nel mio blog(in fase appunto di test) c'è un esempio, proprio nel primo articolo.

    questo non so come risolverlo

    RispondiElimina
  20. Strano eppure funziona a tutti..non è uno script difficile da usare..io direi di vedere bene i codici che cambi..oppure prova ad aprire un blog a installare un altro layout/stile e prova ad installare li..vedi se funzia..vuol dire che dipende dal template che usi..

    RispondiElimina
  21. Ciao. C'è un problemuzzo e non solo da me. Non funziona più il link, né a me né ad altri, per la lettura della continuazione. Se ci clicchi sopra non succede nulla. Sai spiegare perché? Non abbiamo cambiato nulla nell'html né aggiunto nuove estensioni. Eppure così di punto in bianco non va più. Ho aperto una discussione anche sul forum di google per vedere se qualcuno ha lo stesso problema. A dire il vero però cercando su google non si trova nessun altro con questo problema.

    Spero tu sappia dirmi perché.
    Ciao

    RispondiElimina
  22. ciao si infatti anche a me succede lo stesso..non so se è stato cambiato il percorso dove risiedeva uno dei file contenente il codice javascript utile per questa funzione..non so dirti appena ho del tempo ci controllo.. e ti dico...

    RispondiElimina
  23. in effetti è come pensavo al più presto risolvero questo problema..scusate ma sono un pl impegnato,stasera ci dò un occhio..

    RispondiElimina
  24. a livello provvisorio, mi potresti spiegare come trasformo la parte "read more" in un link al post stesso, così che si apra la pagina del post (http://nomeblog.blogspot.com/2009/mese/titolodelpost)?
    In questa maniera nel blog in sé non si vedono i post interi che data la lunghezza dei miei sarebbe un po' un problema e comunque il lettore potrà visualizzare il post completo se vuole.

    Grazie mille!

    RispondiElimina
  25. ciao scusa il ritardo ma sono in un periodo incasinatissimo allora per il link al post intero bisogna aggiungere

    <a expr:href='data:post.url'>LEGGI<data:post.title/></a>

    ovviamente nel html del blog..prova a metterlo nella parte dove compare la tua parola continua.. o read more..

    RispondiElimina

Posta un commento

Post popolari in questo blog

Vivere a Milano Oggi: Vita Sociale, Politica, Sicurezza e Come Proteggere la Tua Casa

Milano, una delle città più dinamiche e influenti d'Italia, è il cuore pulsante dell'economia e della cultura del paese. Conosciuta per la sua moda, design e vitalità economica, Milano offre una qualità della vita unica che attrae residenti e turisti da tutto il mondo. Tuttavia, vivere in una grande metropoli come Milano comporta anche sfide e considerazioni importanti, tra cui la sicurezza domestica. Questo articolo esplorerà come si vive oggi a Milano, con un focus sulla vita sociale e politica, e fornirà consigli su come proteggere la tua casa dai furti, sottolineando l'importanza di chiamare un fabbro a milano esperto per garantire la sicurezza delle porte e delle serrature. Vita Sociale a Milano Milano è una città vibrante, caratterizzata da una scena sociale e culturale estremamente attiva. Le sue strade sono animate da eventi, festival e manifestazioni che riflettono la sua ricca offerta culturale. Cultura e Divertimento La vita culturale di Milano è ricca e diversi...

Vasco Rossi fa chiudere nonciclopedia con una querela

Vasco, torna a far parlare di sé, stavolta non a causa dei problemi di salute ma dei problemi legali. Infatti il cantante ha fatto causa “Nonciclopedia”, la versione ironica di Wikipedia, dove molto spesso si possono trovare definizioni non molto carine, al limite dell’offensivo, su tutti i personaggi del mondo dello spettacolo e politico. Vasco non ha preso bene, la sua descrizione o meglio, l’articolo dedicatogli, e invece di riderci su come molti fanno ha deciso di metter su causa. Questo a provocato lo stop del sito per un certo periodo ancora da definire, e sulla homepage sito troviamo il seguente messaggio – chiude i battenti a tempo indeterminato, per colpa di quelle persone che si prendono troppo sul serio. Un sentito grazie a Vasco Rossi e ei suoi avvolt… avvocati- . I responsabili del sito hanno deciso di chiudere, dopo la denunzia per diffamazione. La vicenda ha avuto luogo per la prima volta, quanche tempo fa, dove i legali di Vasco, chiedevano la rimozione della pagina de...

Foto e video di Annalisa Santi nuda, la studentessa italiana che si spoglia all'università di Buenos Aires

Ha 21 anni si chiama Annalisa Santi è italiana ma da qualche hanno studia a Buenos Aires nell'università di giurisprudenza cattolica argentina (UCA). Annalisa santi , forse per noia o forse per divertimento ha deciso di spogliarsi davanti alle telecamere degli smartphone di tutti i suoi colleghi, infatti in poche ore è diventata il nuovo fenomeno sulla rete, sui social network e su youtube qui un esempio della nostra studentessa Annalisa Santi mentre si esibisce in qualche spogliarello. Uno dei tanti video di Annalisa Santi presenti su youtube Sembra che le gesta degli spogliarelli di Annalisa Santi   non siano piacute ai dirigenti dell'università cattolica di Buenos aires che in un primo momento ha deciso di sanzionare la studentessa Annalisa Santi , ma sembra che dopo ci abbiano ripensato. Cosi annalisa Santi è diventata la chica di buenos aires e continua a esibirsi in webcam e telecamere di ogni smartphone.

Riparazioni stampanti Roma

Offre un servizio di assistenza e riparazione stampanti di ogni marca e modello in tutto il territorio di Roma. Opera su stampanti di marca: Samsung ,   Hp ,   Lexmark ,   Brother ,   Xerox ,   Kyocera ,   Ricoh ,   Canon ,   Epson ,   Oki .

Meteo online affidabile: Controlla le previsioni del tempo direttamente online

Sapere in anticipo che tempo fa, soprattutto prima di impegni di una certa rilevanza, può essere molto utile per scegliere l’abbigliamento, per decidere magari un itinerario, per decidere come spostarsi o anche per rimandare a migliore giornata. In Rete, numerosi siti internet ci informano sulle condizioni del tempo con una certa attendibilità Con questo post, intendo segnalarti due siti internet che ti consentono di controllare le previsioni del tempo, naturalmente direttamente online, in tutti i posti del mondo e con un certo anticipo (fino a 15 giorni) Wetterzentrale.de è il primo sito web che vado a segnalarti: il sito è interamente in tedesco e non ha di certo nell’interfaccia grafica il suo punto di forza, visto che oltre a non essere il massimo in termini di estetica e di design, non è molto usabile. Tuttavia, è tra i più attendibili. Cliccate a sinistra sulla zona di vostro interesse (nel nostro caso Europa) e potrete dare un’occhiata alle minime e alle massime della g...

Come cambiare IP sui telefoni android con HotSpot Shield

HotSpot Shield è un appreperibile su google play che ci permette di nascondere l'indirizzo IP del nostro smartphone associandolo ad un indirizzo IP estero. Per usarlo è abbastanza semplice basta scaricarlo da google play e installarlo sul nostro dispositivo, una volta installato possiamo lanciare l'applicazione e avviare la protezioe di nvigazione ci verrà assegnato un indirizzo IP casuale di solito dagli USA oppure possiamo scegliere noi la nazione a cui collegarci con l'IP. Hotspot shield google play link    il video che spiega come nascondere l'indirizzo IP su telefoni android

iPhone 4S la recensione video.

L’uscita del muovo modello iPhone 4s , ha portato “sold out” in tutti i punti vendita Americani e Italiani, dopo una settimana circa iniziano ad arrivare le prime critiche o i primi commenti positivi, oggi tiriamo noi le somme, in modo da capire se il nuovo iPhone è promosso o bocciato. Prima di tutto il design è identico al modello precedente, con piccole differenze ma sempre con ottimi materiali, una piccola modifica al taglio dell’antenna e la scomparsa dell’antenna-gate. Le novità principali sono : il nuovo processore dual core A5, un sistema operativo davvero innovativo, grazie a iCloud si può attivare senza collegarlo a iTunes. Le novità inerenti al processore sono molte ma le principali sono molte, come per esempio il nuovo centro notifiche moderno e funzionale, iMessage, integrazione con Twitter, la funzione Reader del Browser, l’AirPlay Mirroring che duplica lo schermo sul televisore del salotto (se si possiede un Appletv), e la sincronizzazione wi-fi con il pc. Il display ...

Zakalicious - A'signore

ECCO IL TESTO Scendo di casa alla buon’ora ed al balcone stà già la signora. Mi scruta e mi guarda con occhio attento, ma non si è accorta che stò nascondendo un gran cannone nella mano destra, mentre mia madre fa ciao alla finestra. Io non capisco che c’è da guardare se la mia tasca comincia a fumare,perchè? - RIT - A signore de suse sente u profume, d’a’ canne ca me fume!!! A signore de suse! A signore de suse!!! (2 VOL.) A SIGNO’ - A SIGNO’ - MA CE WE DA ME? FA NA BELLA COSE - VI CE TE NE VE’!!! (2 VOL.) ASSOLO MARINA Ma cosa ho fatto per stare nascosto? Quà stò tranquillo solo a ferragosto. Quando la gente è tutta in vacanza me ne sto chiuso nella mia stanza. No dentro casa ci sono i bambini!!! Ma vado fuori e ci stanno i vicini Ma guarda tu cosa mi tocca fare solo che a me non mi sembra illegale, perchè? - RIT - La stessa cosa quando mi ritiro passo felpato tipo clandestino, ma sta signora non dorme mai? Tipo gli sbirri di “Miami Vice”!!! IO son convinto che le qualche giorno ...

I migliori programmi Windows per la posta elettronica

Quali sono i migliori programmi Windows per la posta elettronica? In riferimento ai tradizionali client da installare sul desktop, la leadership di Microsoft è abbastanza palese. Microsoft Outlook è d’altronde il personal information manager più diffuso in quanto gratuito, semplice da utilizzare e pieno di funzioni per gestire al meglio la posta elettronica. Outlook integra il calendario, il diario, le note, la rubrica e l’agenda delle attività. In riferimento al calendario, occorre precisare che è possibile associarlo alla gestione dei compiti da assegnare ad ogni singolo individuo. Motivo per cui, Microsoft Outlook rientra di diritto tra i migliori programmi Windows per la posta elettronica in ambito aziendale, anche per via dell’integrazione con il server Microsoft Exchange che garantisce la condivisione dei contatti interni. E’ il solo? Certo che no. Vediamone altri in rapida carrellata. Un’alternativa al programma Windows nella gestione della posta elettronica è Postbox , o...

Come bloccare l’accesso ad un sito con Internet Explorer

Per impedire l’accesso ad alcuni siti indesiderati, quando si usa il browser Internet Explorer, non è necessario installare programmi particolari, ma si può impostare manualmente una lista di siti inaccessibili senza l’inserimento di una password che imposterete voi stessi. Vediamo come fare. Per bloccare un sito internet con Internet Explorer dovete avviare il programma e cliccare sull’ingranaggio posto in alto a destra, dal menu che compare vi dovete spostare nella voce Opzioni Internet . Apparirà una finestra, nella quale dovete selezionare la scheda Contenuto e selezionare Attiva , per attivare la funzione Contenuto Verificato . Nella scheda Siti Approvati sarà sufficiente inserire l’indirizzo completo del sito che volete bloccare, ad esempio www.twitter.com , e cliccare sul pulsante Mai , in questo modo il sito non verrà visualizzato in alcun caso. Aggiungi la lista completa dei siti da offuscare nello stesso modo e, alla fine, spostandosi sulla scheda Generale , bisogna sp...