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

Nokia investe in ricerche tecnologiche per le nuove fotocamere degli smartphone

Una società famosa, Pelican imaging per le nuove tecnologie applicate su lenti, ha studiato un sistema che riesce ad usare delle lenti che usano spazi ridottissimi, che hanno la stessa qualità di lenti molto più grandi a livello di dimensioni. Il funzionamento che permette a queste lenti di lavorare in spazi ridotti è lo stesso funzionamento dei telescopi, usare più lenti sovrapposte per avere risultati migliori per la cattura delle immagini. La nokia ha deciso di investire in questa società, chissà cosa avranno in mente di sfornare quelli della nokia.

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...

Vecchie case a Cesena: i problemi più comuni e l’importanza di controllare gli impianti domestici

Cesena è una città ricca di storia e caratterizzata da molti edifici costruiti diversi decenni fa. Nel centro storico e in molti quartieri della città si trovano infatti abitazioni costruite tra gli anni ’50 e ’80 , che spesso non sono state aggiornate con interventi di manutenzione adeguati nel corso degli anni. Anche se queste case possono avere un grande fascino architettonico e prezzi più accessibili rispetto alle costruzioni moderne, spesso presentano problemi legati agli impianti elettrici, agli impianti idraulici e alla manutenzione generale dell’abitazione . Per questo motivo è molto importante verificare attentamente lo stato degli impianti prima di acquistare, affittare o abitare una casa costruita molti anni fa. I problemi più comuni delle case vecchie Le abitazioni più datate possono presentare diversi tipi di problemi che non sono sempre immediatamente visibili. Molti di questi riguardano proprio gli impianti domestici. Tra i problemi più frequenti troviamo: impianti elett...

Nokia Lumia 520, 620, 720, 725, 820, 920, 1020: Windows Phone 8.1. Uscita aggiornamento, 3 Italia, Vodafone, Wind, Tim

Occorrerà attendere ancora un po’ per l’aggiornamento a Windows Phone 8.1: sugli smartphone Nokia Lumia arriverà con il firmware Lumia Cyan. Per gli aggiornamenti degli operatori di telefonia mobile, la copertura completa di Tim, Vodafone, 3 Italia e Wind avverrà a luglio Da qualche settimana l’aggiornamento a Windows Phone 8.1 è divenuto effettivo nella versione per gli sviluppatori. Stando ai primi segnali, ci sarebbe qualcosa da rivedere, per il semplice fatto che si avverte la mancanza delle più importanti funzioni del sistema operativo sviluppato da Microsoft. Inoltre, c’è qualche bug di troppo. Va detto però che Cortana, l’assistente vocale che avrà il compito di rimpiazzare le funzioni tradizionali di ricerca, è stato giudicato positivamente. In linea teorica, Cortana dovrà essere in grado di svolgere più o meno gli stessi compiti portati a termine da Siri su iPhone e su iPad e da Google Now sui dispositivi Android. Altra novità interessante introdotta da Windows Phone 8...

Integrare una chat in un sito wordpress con Quick Chat

Capita spesso che su siti che offrono servizi ci sia bisogno di un contatto diretto col cliente in tempo reale o per un assistenza o per qulsiasi altra domanda, per questo abbiamo bisogno di ua chat che ci permetta un contatto in tempo reale col cliente. Per integrare una chat in un sito wordpress ci basta installare il plug in chiamato quick chat , per installarlo il modo è quello di sempre ci basterà scompattare il pacchetto zip del plug in quick chat e caricrlo nella cartella FTP plugins che si trova in wp-content. Da oggi wordpress possiede la funzione che ci permette di installare i plugin direttamente dal pannello di controllo, ci basta cercare il plugin e cliccare su installa. Possiamo vedere un esempio funzionante di quick chat in questo sito www.assolavori.it

Un app che ti aiuta a dimagrire con gli insulti

Le applicazioni che aiutano a dimagrire ormai vanno di moda dagli USA al Giappone, ormai arrivano anche in Italia, ed è preoccupazione fra i nutrizionisti. Ormai in questa società si vuole tutto e subito per questo tutti cercano di non affrontare direttamente il problema del peso con il proprio medico, e si prova anche con le app per smartphone. Le ultime app sono nat in Giappone si chiamano " Neshou " ed " Hey Fattie !" ed aiutano a dimagrire con insulti e motivazioni a bruciare le calorie appena ingerite.

Nokia annuncia nessun 5" pollici per il 2013, ma via ad un 4,7" pollici

Non si riesce a capire il perchè, ma la nokia sembra non voler lanciare nel 2013 nessun 5 pollici come i suoi rivali, samsung, LG, ma annuncia l'uscita di un dispositivo da 4,7" pollici. Nel mondo android sappiamo bene che è facile trovare dispositivi smartphone che arrivano anche a 6" pollici , per non parlare dei tablet con sistema operativo android, mentre per il mondo windows phone sembra sia diverso, infatti sono pochissimi e costosissimi i tablet con sistema operativo android, mentre per i cellulari windows phone si trova su alcuni modelli nokia che arrivano massimo a 4,3" pollici. Ma per gli amanti dei grossi schermi non esistate Nokia sta preparando uno smartphone da ben 4,7" pollici, che a mio parere e di molti utenti risulta essere la dimensione migliore.

Risparmiare sulla bolletta telefonica: migliori offerte telefono adsl

Risparmiare sulla bolletta telefonica è per molti una necessità, visto che c’è chi decide di rinunciare al telefono perché lo ritiene perfettamente inutile. Su questa scelta risultano spesso decisive le app di messaggistica istantanea e le promozioni per le chiamate dai cellulari. L’importante è che ci sia internet. Con il post odierno vedremo come risparmiare sulla bolletta telefonica. Ti segnalerò a tal proposito le migliori offerte telefono adsl più un elenco di siti web utili per tenerti sempre aggiornato sulle nuove promozioni. Premessa: per spendere di meno sulla bolletta, è stato dimostrato che è preferibile cambiare. Il problema è che però spesso questo non accade, visto che le famiglie italiane sono piuttosto refrattarie al cambiamento. Internet Senza Limiti e Tutto sono le due principali offerte telefono adsl di Telecom Italia. Se Internet Senza Limiti è la proposta ideale per chi usa il telefono una tantum (visto che si paga lo scatto alla risposta di 16,13 centesimi di ...

ChirpMe, l’applicazione per incontrare nuove persone su Facebook

Nell’ultimo mese su Facebook c’è un’applicazione che si sta diffondendo in maniera esponenziale: il suo nome è ChirpMe, “Conoscere nuova gente”. Tutto parte con l’invio di una richiesta ai propri amici (ma non si tratta di un’applicazione spam). Un click sulla notifica porta gli utenti alla pagina di dialogo dell’applicazione su Facebook. Una volta dato il consenso, ChirpMe potrà accedere a tutta una serie di informazioni dell’utente, come “nome”, “immagine del profilo”, “sesso”, “Reti”, “ID utente” e “lista amici”. Ma non è tutto, visto che l’applicazione può effettuare l’accesso ad informazioni pubbliche, come l’indirizzo di posta elettronica, data di compleanno, istruzione, città natale, “Mi piace”, luogo di lavoro e fotografie. La mission di fondo di ChirpMe consiste nel far incontrare nuove persone su Facebook mediante interessi comuni, amici comuni e affinità con il profilo. Una finestra pop-up consentirà di attivare i “superpower” per veder crescere il numero dei propri fan o...

Creare una foto in 3D con photoshop tutorial

Oggi voglio segnalarvi un bellissimo tutorial ben fatto che mostra passo passo come creare una foto in 3D con photoshop , con questo tutorial anche i meno esperti all'uso di photoshop possono creare senza problemi una foto in 3D con photoshop.