Scrivo questo post per rispondere alla domanda di
Den:
Iole, come hai fatto a scrivere solo la prima parte dell'articolo nella home-page e far leggere il resto cliccando su "Read More", senza aprire una nuova pagina?
riferendosi a questo
mio blog di prova.
In realtà io non ho fatto niente! Il template utilizzato su quel
mio blog di prova mi è stato inviato da
Francesca (quando mi aveva chiesto di realizzarle
uno script per stampare i post di Blogger) e nel codice html era già presente lo script per i
post espandibili.
Lo script era disponibile a questo indirizzo:
http://www.anniyalogam.com/widgets/hackosphere.js
dopo poche settimane però non risultava più valido.
Ho sostituito allora lo script con quello presente sul blog di
Valentina; anche sul suo blog i post espandibili non vengono aperti in una nuova finestra ma visualizzati nella stessa pagina.
Tenebrae ha scritto ben due post su come realizzare i post espandibili su Blogger; ecco i link:
cliccando però su "leggi tutto..." si apre il post una nuova pagina.
Con questo script invece cliccando su "Read More..."
compare il resto del post (senza aprire una nuova pagina) ma semplicemente rendendo visibile quella parte di post nascosta.
Ecco le operazioni di fare per questa modifica: andate in Blogger, Modifica HTML e cliccate su Espandi i modelli widget.
Poi inserite lo script dopo il tag
<head>:
<script src='http://digilander.libero.it/iolecalblogspot/script/script_postesp.js' type='text/javascript'/>
Poi trovate il codice
<div class='post-body entry-content'>
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
e sostituitelo con:
<div class='post-body entry-content' expr:id='"post-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
<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>
e salvate il modello. Poi andate in Impostazioni -> Formattazione e in Modello post inserite questo codice:
Inserisci il sommario qui
<span id="fullpost">
Inserisci il resto del post qui
</span>
Salvando le impostazioni, quando proverete a scrivere un nuovo post l'editor apparirà così:
al posto "Inserisci il sommario qui" dovrete scrivere la parte che sarà visibile nel post e al posto di "Inserisci il resto del post qui" il resto del post (che sarà visibile cliccando su "Read More...").
Vi è mai capitato di vedere delle scritte scorrevoli su alcuni blog o siti?
Copyright 2008- 
Design by 
