Una nuova funzione che ho inserito con l'anno nuovo, è quella dei post espandibili.Infatti da oggi gli articoli troppo lunghi che pubblicherò, appariranno nella home solo come anteprime. Per chi segue questo blog con i feed RSS, ho aprirà il singolo post, vedra comunque l'intero articolo.
In fondo ad ogni anteprima, sarà presente un link che farà apparire l'intero articolo immediatamente, senza aprire altre pagine.
Ma veniamo a noi, ecco la procedura per inserire questa funzione nel vostro blog.
- per prima cosa, andate su Modello->Modifica HTML, e salvate il vostro modello sul pc per mantenerlo in caso di errore, cliccando su"Scarica modello completo".
- spuntate la casella "Espandi i modelli widget", poi trovate il tag <head> andate a capo e sotto inserite il codice seguente:
<script type='text/javascript'
src='http://www.anniyalogam.com/widgets/hackosphere.js' /> - Salvate! Adesso, dovete trovare <div class="'post-body'">; scorrete la pagina nell' editor fino a trovare la parte indicata (fate riferimento allo screenshot successivo) e sostituitela con questo codice:
<div class='post-body' expr:id='"post-" + data:post.id'>
- Andiamo a capo ed incolliamo nella nuova riga questo:
<b:if cond='data:blog.pageType == "item"'>
- Andiamo a capo dopo <p><data:post.body/></p> (che lascerte inalterato) e incollate il codice seguente:
<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> - Salvate! Ora l'ultimo passo, è quello di inserire in ogni post, che volete accorciare, scrivere questo codice:
Qui l'Anteprima
<span id="fullpost">
Qui il resto del post
</span>
Dopo tutta questa fatica anche voi avete i vostri "Post Espandibili", non c'è nient'altro da aggiungere, solo che dovrete scrivere l'anteprima da far apparire nella prima riga, e il resto del post a scomparsa nella terza riga.
Ringraziamenti per questa realizzazione:
Guesta guida è Liberamente tratta e personalizzata da http://sid05.blogspot.com sotto licenza Creative Commons .
Guesta guida è Liberamente tratta e personalizzata da http://sid05.blogspot.com sotto licenza Creative Commons .
Nessun commento:
Posta un commento
Critiche & Osservazioni