Blogger Hack

Este es un hack que hice leyendo los Blogger Hacks, pero este hack, es la suma de estos 2 hacks: "How can I make show/hide links for my posts?" y "How can I create expandable post summaries?" Osea, que uno solo te mostraba el titulo y solo podias expander o contraer el post entero solamente y el otro era un copete donde después ibas al link donde estaba el resto de la nota. Mi hack es la suma de ambos :)
Bueno si quieren leer el hack, apreta el link de abajo :)

Bueno es muy simple, entre los tags de style pone los siguiente:

.posthidden {display:none}
.postshown {display:inline}

entre los tags del head pone:

<script type="text/Javascript">

function expandcollapse (postid) {

whichpost = document.getElementById(postid);

if (whichpost.className=="postshown") {
whichpost.className="posthidden";
}
else {
whichpost.className="postshown";
}
}
</script>

Y después en cada post que hagas pone esto:

<!--aca el texto que queres que se vea siempre -->

   <span class="posthidden" id="postid">

  <!--aca el texto que queres ocultar, es importante que cambies 
el id c/vez, el id tiene que ser unico --> 

</span>

<a href="javascript:expandcollapse('postid')">

  [+/-] show/hide this post</a>

Lo que no pude hacer andar es que poniendo <$BlogItemNumber$> en el wysiwyg me lo cambie por el id real que va a tener el post. Asi de esta manera podia integarlo mas con el template, y hubise sido mas facil. Si alguien sabe como tener el id real que va a tener el post antes de ser posteado, por favor comentelo al final de la nota.

Seguir leyendo...