Come creare riassunti Post espandibili in Blogger

Con questo trucco, puoi scegliere di visualizzare un importo arbitrario di testo all'inizio di ogni post, come un occhiolino per l'intera cosa.

Post espandibili Sintesi è il metodo con il quale ogni post sul blog consiste in un breve paragrafo di introduzione seguita da un 'Per saperne di piu' link. Ciò consente al lettore di ottenere una piccola introduzione per ogni post nella pagina principale. Egli può quindi fare clic sul link Per saperne di più, se egli viene sufficientemente interessati ... ... ..

Molti blogger hanno segnalato confusione quando hanno cercato di seguire le istruzioni ufficiali pagina della Guida di Blogger per questo quindi ho cercato di mettere l'aiuto in modo più facile da seguire termini qui. Ci sono fondamentalmente tre passi da seguire se si desidera implementare riassunti Post espandibili nel nuovo modello di layout.

CONDIZIONATA CSS

Il primo passo è quello di mettere il codice per il css condizionale. Questo cambia il modo di visualizzazione posti su diverse pagine. Per effettuare questa operazione di accesso alla Bacheca e fare clic sul layout per il tuo blog. Quindi fare clic su Modifica Html e prima un backup del modello utilizzando il modello Scarica il collegamento. Quindi scorrere verso il basso fino ad arrivare a tag </ head> e aggiungere il seguente codice immediatamente sopra di esso:

<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost (display: inline;)
<b:else/>
span.fullpost (display: none;)
</ b: if>
</ style>

tag just above the </head> tag. Salva modello. NOTA IMPORTANTE negli schemi modello vi è un ]]></ b: skin> tag appena sopra il tag </ head>. Aggiungi il codice sopra in modo che si trova tra questi due tag. Quello che abbiamo fatto qui è stato quello di definire una classe denominata "fullpost" che apparirà solo su pagine di post (permalink).

"Ulteriori informazioni" LINK

Il secondo passo è quello di aggiungere il link Leggi Tutto che apparirà dopo il paragrafo sintesi. Per effettuare questa operazione mettere un check-in Widget Espandere il modello di controllo nella parte superiore della Modifica modello casella di testo. Ciò è in Modifica Html sottoscheda del modello di scheda. Quindi scorrere verso il basso nel codice fino ad arrivare alle post sul blog Widget codice dove individuare questa riga di codice:

<data:post.body/>

Aggiungi il codice qui sotto subito dopo il codice sopra:

<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url' target='_blank'> Per saperne di più! </ a>
</ b: if>

Salva modello. Questo link viene visualizzato solo sulla pagina principale e archivio pagine, e che reindirizza il tuo lettore alla pagina di post contenente il testo completo del tuo post.
NOTA IMPORTANTE: Non utilizzare qualsiasi altro codice o darà errore.

UPDATE

Un lettore ha voluto aumentare le dimensioni dei caratteri delle Leggi di più! collegamento. Per fare ciò aggiungere questo codice al posto di quello di cui sopra:

<b:if cond='data:blog.pageType != "item"'>
<span> <a expr:href='data:post.url' target='_blank'> Per saperne di più! </ a> </ span>
</ b: if>

Aumentare o diminuire la cifra 120, come desiderato e quindi salvare il modello. Per rendere il carattere grassetto utilizzare questo codice invece:

<b:if cond='data:blog.pageType != "item"'>
<span style="font-weight:bold;"> <a expr:href='data:post.url' target='_blank'> Per saperne di più! </ a> </ span>
</ b: if>

Salva modello. Per fare entrambe le cose utilizzare questo codice:

<b:if cond='data:blog.pageType != "item"'>
<span style="font-weight:bold;"> <span> <a expr:href='data:post.url' target='_blank'> Per saperne di più! </ a> </ span> </ span>
</ b: if>

Salva modello.

POSTO DI MODIFICHE

L'ultimo passo è quello di modificare il modello post in modo che ogni post creato quando ti mostrerà dove posizionare il punto di sintesi e dove collocare il resto del post. Per fare questo vai a Impostazioni -> Formattazione e scorri in basso fino alla fine della pagina per la casella postale per il modello. Copia e incolla le seguenti righe vi:

Ecco l'inizio del mio post. <span class="fullpost"> E qui viene il resto. </ span>

Salva impostazioni. Quando si fa clic su Crea Post e poi Modifica Html scheda di post editor vedrete il seguente (Clicca sull'immagine per ingrandire):

Sostituire la riga "Ecco l'inizio del mio post." (Tipo il tuo riassunto qui) con il tuo punto di sintesi. Quindi sostituire la riga "E qui viene il resto." (Tipo resto del post qui.) Con il resto del tuo post. . Non eliminare le altre linee <span class="fullpost"> e </ span>. Inoltre aggiungere il tuo punto di sintesi di cui sopra sia le linee e il resto del tuo post tra le righe. Quindi, fare clic su Pubblica per pubblicare post.

Vantaggi di questo metodo

I vantaggi di questo metodo si ottiene è un link al tuo post sotto il punto di sintesi che riceve un ulteriore collegamento a motori di ricerca il indicizzazione. Inoltre non si deve fare affidamento su qualsiasi Javascript esterno. Il terzo vantaggio è che le Leggi di più link si apre in una nuova pagina di lasciare la vostra pagina principale ancora aperta nel browser del visualizzatore.
Per ulteriori hack CLICCA QUI

Del.icio.us (0) | Digg | StumbleUpon | Reddit | DZone | |