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

Le iene, i guerrieri dell'hardcore Warriors e Gabber, VIDEO DIVERTENTE :)

Ecco il video che mi ha stupito, e non solo me, i guerrieri dell'hardcore , il mondo dei warriors e delle gabber .. :D , che dire o reputo un filmato divertentissimo che mi fa morire dal ridere :D

Antivirus Avetix: Antivirus gratuito per 30 giorni, contro adware, spyware, pishing, keylogger, virus, trojan

E' nato un nuovo antivirus tutto made in italy, si chiama avetix, l'ho provato al volo mi sembra un buon prodotto, utile per comattere adware, spyware, pishing, keylogger, virus, trojan, proalo anche tu gratuitamente per 30 giorni e dicci cosa ne pensi con un commento. avetix sito ufficiale

Come scaricare video da rai replay

Smanettando sono riuscito a trovare il metodo per scaricare i video dal sito della rai raireplay, ecco il procedimento che non sempre funziona, bisogna far passare alcuni giorni e riprovare, di solito passano 4 o 5 giorni prima di trovare il link. 1- Svuotare la cache di explorer 2- da explorer navigare il sito della rai sezione raireplay, scegliamo giorno e canale del programma che ci interessa.  3- Ora andiamo a questo percorso nella cartella dei file temporanei di explorer: C:\Documents and Settings\[VOSTRO NOME]\Impostazioni locali\Temporary Internet Files Se avete Vista o Seven in genere è C:\Users\[VOSTRO NOME]\AppData\Local\Microsoft\Windows\Temporary Internet Files\Content.IE5\ 4-All'interno di tale cartella dovremmo trovare anche il un file con il nome che varia con la data ad esempio: RaiCinque_2012_07_20[3] tale file ha estensione html 5- non ci resta che aprire il file con notepad++ e cercare il nome del programma che ci interessa, possiamo aiutarci con la co

Hosting web, i migliori servizi gratis online

Volete un sito a costo zero? Allora usa i servizi web server hosting gratis presenti in rete... Se sei un blogger che sta iniziando ad aumentare le visite, cosa aspetti a trasferire il tuo blog su uno dei tanti servizi di hosting web che la rete ti mette a disposizione? A tal proposito con l’articolo odierno, ti segnalo quelli che per me sono i migliori servizi gratis online di hosting web . Zymic : fra i più completi servizi di hosting web gratuiti per via dei 5 GB di spazio offerti e per il limite di trasferimento dati mensile pari a 50 GB. Da notare che questo servizio di hosting web gratuito supporta le più recenti versioni di PHP e di MySQL ed include un nome di dominio gratuito. L’unico problema in ottica blogger è l’impossibilità di inserire pubblicità del sito internet pubblicato. Free Hostia : un servizio di web hosting gratuito ed interamente in inglese che supporta le recenti versioni di PHP. Free Hostia mette poi a disposizione dei suoi iscritti 250 MB di spazio

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

Iphone applicazione gratuita Groove Maker

Caratteristiche Iphone applicazione gratuita Groove Maker: -controlla istantaneamente 8 tracce stero in loop -esegue playmix e randomize del loop al volo -manipola loop in real time -scarica le tue tracce in formato hi-quality wav sul tuo mac/pc (è necessaria una rete wi-fi) -contiene una enorme libreria di batterie, chittare, loop, e tanti altri strumenti tastiere..ecc... Download apple store Iphone applicazione gratuita Groove Maker

Mappa del debito pubblico nel mondo

Il sito economist ha creato una bella mappa interattiva dove possiamo vedere in tempo reale il debito pubblico di tutte le nazioni del mondo, ci basterà cliccare sulla nazione per poter vedere e confrontare il debito di tutti i paesi del mondo, l'Italia è uno fra i paesi col debito pubblico più alto. Qui il link per poter visualizzare e usare la mappa del debito pubblico nel mondo .

VERNICE A TEMPO DI MUSICA, L'ARTISTA MARTIN KLIMAS

 

Tutorial: come iscriversi a Facebook

Facebook è di sicuro il social network più diffuso tra gli utenti. Ma ad onor del vero, sono numerosi coloro che non hanno un profilo Facebook. Sono molti anche coloro che da poco utilizzano il pc ed intendono iscriversi alla piattaforma sociale per antonomasia. Come iscriversi a Facebook? Ecco un interessante tutorial: Step 1: andare su www.facebook.com Step 2: selezionate la lingua italiana o andate su http://it-it.facebook.com/ Step 3: nello spazio “Registrazione”, inserite Nome, cognome, e-mail, inserite di nuovo l’e-mail, password, sesso e data di nascita. Step 4: Compilati i campi di registrazione, cliccate sul tasto verde “Registrazione”. Step 5: Nella pagina di conferma viene mostrato il codice di sicurezza, costuito da numeri e lettere. A questo punto, copiatelo nel campo in basso, onde evitare la registrazione automatica da parte degli spider. Step 6: Sul vostro indirizzo di posta elettronica riceverete una e-mail di conferma. Cliccate sul link di conferma ed attivate

Applicazioni Android per proteggere-nascondere le proprie foto sugli smartphone

L'evoluzione degli Smartphone e dei tablet e la loro diffusione li ha portati ad essere dei dispositivi molto versatili e che offrono migliaia di possibilità di utilizzo e numerosissime funzioni. Tra queste, probabilmente, la più utile risulta essere quella della fotocamera, che permette di immortalare ogni momento della propria vita e di poterli portare sempre con se. Proteggere le proprie foto da occhi indiscreti è comunque una priorità, molti di noi conservano nelle gallerie foto e video che non dovrebbero essere visibili ad occhi indiscreti. Come fare per proteggere la propria privacy? Di seguito indichiamo una serie di applicazioni gratuite disponibili su Google Play Store , per i dispositivi mobili che sfruttano il Sistema Operativo Android , che permettono di nascondere le proprie foto nelle gallery o di impostare delle password per proteggerle. Keep Safe è una applicazione molto popolare ed offre la possibilità di proteggere le proprie foto e i video impostando un codice