Cómo poner entradas anteriores expandibles sólo con el título y [+/-]

Si quieres que en tu blog de blogger aparezcan las entradas anteriores expandibles con [+/-] deberemos hacer lo siguiente:

1) Vamos a Diseño
2) Edición de HTML
3) Marcamos la casilla "expandir artilugios"
4) Buscamos el código </head> (tecleamos Ctrl + F para buscar más rápido)
5) Antes de </head> pegamos el siguiente código:

---

<script type='text/javascript'>
function toggleIt(id) {
post = document.getElementById(id);
if (post.style.display != 'none') {
post.style.display = 'none';
} else {
post.style.display = '';
}
}
</script>
<script src="http://files.getdropbox.com/u/647003/CiudadBlogger/Scripts/Expandibles.js" type="text/javascript">
</script>

---

6) Ahora buscamos el código <b:includable id='main' var='top'>
7) Nos encontraremos algo así:

---

<b:includable id='main' var='top'>
<!-- posts -->
<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<data:adStart/>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>

---

8) Ahora deberemos incluir los códigos de color rojo que están a continuación en este orden:

---

<b:includable id='PeekABooPost' var='post'>
    <div class='post uncustomized-post-template'>
    <table><tr><td width='40px'>
    <a expr:onclick='&quot;javascript:toggleIt(&quot;&quot; + data:post.id + &quot;&quot;);&quot;' href='javascript:void(0)' style='text-decoration:none' title='Desplegar esta entrada'>[+/-]</a></td>
    <td><h3 class='post-title'><a expr:href='data:post.url'><data:post.title/></a></h3></td></tr></table>
    <div class='post-body' expr:id='data:post.id' style='display:none'>
    <p><data:post.body/></p>
    <div style='clear: both;'/> <!-- clear for photos floats -->
    </div>
    </div>
    </b:includable>

    <b:includable id='main' var='top'>
    <!-- posts -->
    <div class='blog-posts hfeed'>
    <b:include data='top' name='status-message'/>
    <data:adStart/>
    <b:loop values='data:posts' var='post'>
    <b:if cond='data:post.dateHeader'>
    <h2 class='date-header'><data:post.dateHeader/></h2>
    </b:if>

    <b:if cond='data:blog.homepageUrl != data:blog.url'>
    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <b:include data='post' name='PeekABooPost'/>
    <b:else/>
    <b:include data='post' name='post'/>
    </b:if>
    <b:else/>

    <b:include data='post' name='post'/>

    </b:if>

---

Clicamos en vista previa y si todo está bien guardamos la plantilla.


Estos códigos están extraídos de ciudadblogger y elescaparatederosa.