jueves, agosto 25, 2005

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...

1 comentario:

Infactahost.com dijo...

Hey, you have a great blog here! I'm definitely going to bookmark you!

I have a directory php script site/blog. It pretty much covers directory php script related stuff.

Come and check it out if you get time :-)