18 marzo 2009

Entradas expandibles [+/-]



Hace tiempo he querido hablar sobre este truco que al principio era un dolor de cabeza colocarlo y sobre todo encontrarlo, ya que ni siquiera cuando lo encontraba me tomaba la molestia en guardarlo a mis marcadores. Pero me decidí explicarlo lo más claro posible y hacerlo. Es muy accesible, te permite mejor visualización a la hora de buscar algo. Recuerda hacer una copia de tu platilla y probar primero en un blog de prueba.

¡Recuerda! "GUARDAR SIEMPRE UNA COPIA DE TU PLANTILLA EN TU PC

  • Lo primero:
Es irse a Diseño/Edición HTML [Expandimos en Artilugios] y con CTRL+F buscamos </head> y justo ante agregaremos los siguiente:

Código[+/-]

<script type='text/javascript'>
// <![CDATA[
//ENTRADAS EN DESPLEGABLE POR ETIQUETAS
function toggleIt(id) {
post = document.getElementById(id);
if (post.style.display != 'none') {
post.style.display = 'none';
} else {
post.style.display = '';
}
}

function showFullPost(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
for (var i = 0; i < spans.length; i++) {
if (spans[i].id == "fullpost")
spans[i].style.display = 'inline';
if (spans[i].id == "readmore")
spans[i].style.display = 'none';
}
}

function showFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
for (var i = 0; i < spans.length; i++) {
if (spans[i].id == "fullpost")
spans[i].style.display = 'inline';
if (spans[i].id == "showlink")
spans[i].style.display = 'none';
if (spans[i].id == "hidelink")
spans[i].style.display = 'inline';
}
}


function hideFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
for (var i = 0; i < spans.length; i++) {
if (spans[i].id == "fullpost")
spans[i].style.display = 'none';
if (spans[i].id == "showlink")
spans[i].style.display = 'inline';
if (spans[i].id == "hidelink")
spans[i].style.display = 'none';
}
post.scrollIntoView(true);
}

function checkFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
var found = 0;
for (var i = 0; i < spans.length; i++) {
if (spans[i].id == "fullpost")
found = 1;
if ((spans[i].id == "showlink") && (found == 0))
spans[i].style.display = 'none';
}
}

function commentDisplay(json) {
for (var i = 0; i < numcomments; i++) {
var entry = json.feed.entry[i];
var alturl;

if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
alturl = entry.link[k].href;
break;
}
}
alturl = alturl.replace("#", "#comment-");

if (entry.content) {
comment = entry.content.$t;
} else if (entry.summary) {
comment = entry.summary.$t;
}

var re = /<S[^>]*>/g;
comment = comment.replace(re, "");
document.write('<a href="' + alturl + '">' + entry.author[0].name.$t + '</a> commented:<br/>');
if (comment.length < numchars)
document.write(comment + '<br/><br/>');
else
document.write(comment.substring(0, numchars) + '...<br/><br/>');
}
document.write('Widget sponsored by:<br/><a href="http://bvibes.com"><img src="http://fbvibes.com/templates/yget/images/vibes_logo.png"/></a><br/>');
}
//]]>
</script>



  • Segundo:

Ahora vamos a buscar todo lo que aparecerá en negrita y le añadimos los que esta en rojo tal como lo verán aquí:

El código a continuación fue tomado de Gem@ Blog



Código[+/-]



<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 id='blog-posts'>
<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>





  • Para verlo en funcionamiento presiona clic sobre una de las etiquetas o presionas donde dice entradas antiguas o siguiente.
  • Referencia Gem@ Blog
  • Cualquier cosa, no dudes en preguntarme.


Actualizado el 15/03/2001

77 comentarios:

  1. Muy bien explicado!!!...Cariño cada día la plantilla está más bella, has conseguido los colores, el efecto de la fecha me encanta!!! besitos

    ResponderEliminar
  2. Hola Graciela! Hice lo que pude... Ya que es complicado. Saludos!

    ResponderEliminar
  3. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  4. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  5. Wonderful article,thanks for putting this together! "This is obviously one great post. Thanks for the valuable information and insights you have so provided here. Keep it up!"
    writing a dissertation

    ResponderEliminar
  6. amigo soy nuevo en esto
    me podrias explicar el paso a paso para colocar esto en la plantilla por que lo puse peor no sucede nada

    Pd.
    segui las instrucciones e introduci el codigo

    gracias
    mi msn
    eduardo-3091@hotmail.com
    thanks

    ResponderEliminar
  7. Great Blog post at blogspot i like this excellent blog, i keep on reading articles from here.

    Dissertations
    Dissertation writing

    ResponderEliminar
  8. Your blog is very informative.This is obviously one great post.i keep on reading articles from here.thanks for sharing..
    dissertation help|thesis help|assignment help

    ResponderEliminar
  9. This is a great inspiring article.I am pretty much pleased with your good work.You put really very helpful information. Keep it up. Keep blogging. Looking to reading your next post.

    ResponderEliminar
  10. I am so happy to read it and want to say thanks for that precious writing. I think it is very helpful to the readers for their precious knowledge…..Great Effort.

    Dissertation Writing

    ResponderEliminar
  11. Wow Impressive!

    Your blog is very informative. However, it is pretty hard task but your post and experience serve and teach me how to handle and make it more simple and manageable.

    Investment Properties Brisbane
    Ejaculation Trainer Review

    ResponderEliminar
  12. In this era of blog ,we easily get nice & updated information for research purposes... I'd definitely appreciate the work of the said blog owner... Thanks!

    ResponderEliminar
  13. The Tickets expandable [+/-] is really one thing that make me feel good about it after read it and watching the pictures given in it I think that such information is really one that to have for good of the mind thoughts.

    ResponderEliminar
  14. The Tickets expandable [+/-] is really good information to have I think reading it makes me have good knowledge about it and it is really good one to know about I think such information is good to get know about.

    ResponderEliminar
  15. I am so happy to read it and want to say thanks for that precious writing. I think it is very helpful to the readers for their precious knowledge…..Great Effort.
    Extenze

    Penny Auction

    ResponderEliminar
  16. I am so happy to read it and want to say thanks for that precious writing. I think it is very helpful to the readers for their precious knowledge…..Great Effort.

    ResponderEliminar
  17. I like your blog, currently we are looking for a part time article writer would you be interested.

    ResponderEliminar
  18. This knowledge about this good topic seems to be good! Thus people not should create the dissertation or just phd thesis by their own, they would get your support.

    ResponderEliminar
  19. I am so happy to read it and want to say thanks for That precious writing.
    Extenze

    ResponderEliminar
  20. Thank you for taking your time on this post. Very good work.

    ResponderEliminar
  21. This is something that is really different. We will show it to the class.

    ResponderEliminar
  22. I am so happy to read it and want to say thanks for That precious writing.

    Essay Writing Services
    Essay writing help

    ResponderEliminar
  23. That is really best article,i was also read more articles of you this is also wonderful article..

    posted:
    Essays --within deadlines

    ResponderEliminar
  24. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  25. Wonderful post Sir,i am thankful of for sharing this article with us........

    posted: Essays --and essays for students by students

    ResponderEliminar
  26. This is not enough for everyone but it is good.

    ResponderEliminar
  27. This is truly a great read for me. I have bookmarked it and I am looking forward to reading new articles. Keep up the good work

    ResponderEliminar
  28. Very nice and impressive article you have posted. Its very helpful, i have read and bookmark this site and will recommend it to more other peoples.

    ResponderEliminar
  29. Hanna, please check the link right above your comment. Hope it helps! CNA Classes Online

    ResponderEliminar
  30. Valuable information and excellent design you got here! I would like to thank you for sharing your thoughts and time into the stuff you post!! Thumbs up


    Boundless

    ResponderEliminar
  31. Image Hosting at http://www.picspoon.com is the web's image sharing social network. - Create slideshows and share your photos with friends and family

    ResponderEliminar
  32. If you want to see the mind blowing article with real facts and figures, this has really tremendous impacts on readers and I admire the writing skill of the author.

    ResponderEliminar
  33. That is an awfully astounding column that have posted. Thanks a lot for that fantastically amazing post!

    ResponderEliminar
  34. I would like to thank you for the efforts you've made in writing this posting. I'm hoping the same very best function from you inside future too.

    CCTV Karachi

    ResponderEliminar
  35. Reading this article really helped out a lot. Some people are now filing Paxil lawsuit due to the side effects that they have encountered while using Paxil. Most mothers who have taken Paxil during the first three months of their pregnancy have a baby with a birth defect.

    ResponderEliminar
  36. I have been looking for a rare blog because I am tired of accessing almost the same topic discussed in a website. This blog is actually hitting what I want to expect. I am very glad that you are now providing the information where I am hunting for many days of surfing the net. Thanks for this post. You really hit the target!

    mexican restaurants nyc

    ResponderEliminar
  37. Nice post and keep sharing! i have already published my book and waiting for royalties! Keep up the good work - i will definitely read your more posts.

    ResponderEliminar
  38. Excellent post.Having a lot of information,s.Keep it up!

    ResponderEliminar
  39. share is valuable. Such a good article, it is not surprising to have so many loyal readers . I very much enjoy your articles , they bear

    ResponderEliminar
  40. Thanks a lot for discussing this matter. I concur with your conclusions. The points that the data stated are all first hand on actual experiences even help more.

    ResponderEliminar
  41. That is very good comment you shared.Thank you so much that for you shared those things with us.I'm wishing you to carry on with Ur achievements.All the best.

    ResponderEliminar
  42. Excellent site, keep up the good work my colleagues would love this.

    ResponderEliminar
  43. Good job I enjoyed reading your post thanks for sharing. Logo Design Blog

    ResponderEliminar
  44. ya que ni siquiera cuando lo encontraba me tomaba la molestia en guardarlo a mis marcadores.

    ResponderEliminar
  45. Este comentario ha sido eliminado por un administrador del blog.

    ResponderEliminar
  46. Hi, i think that i saw you visited my weblog thus i
    came to “return the favor”.I'm trying to find things to enhance my website!I suppose its ok to use some of your ideas!!

    Feel free to visit my web page: thanks quotes

    ResponderEliminar
  47. It's hard to find knowledgeable people in this particular topic, but you seem like you know what you're
    talking about! Thanks

    Here is my page :: friedrich nietzsche quotes

    ResponderEliminar
  48. Greetings! Very helpful advice within this post!
    It's the little changes that make the greatest changes. Thanks a lot for sharing!

    My web-site :: discipline quotes

    ResponderEliminar
  49. Hurrah, that's what I was seeking for, what a information! existing here at this blog, thanks admin of this web page.

    Also visit my blog ... john locke quotes

    ResponderEliminar
  50. Hey, I think your site might be having browser compatibility issues.
    When I look at your blog in Chrome, it looks fine but when opening
    in Internet Explorer, it has some overlapping.
    I just wanted to give you a quick heads up! Other then that, wonderful blog!


    Here is my blog post :: frida kahlo quotes

    ResponderEliminar
  51. Woah! I'm really enjoying the template/theme of this website. It's simple, yet
    effective. A lot of times it's hard to get that "perfect balance" between usability and visual appeal. I must say that you've done a awesome job with this.
    Also, the blog loads extremely fast for me on Safari.

    Superb Blog!

    Check out my web page; frida kahlo quotes

    ResponderEliminar
  52. I am not sure the place you are getting your information,
    however great topic. I must spend some time finding out more or working
    out more. Thank you for fantastic information I was looking for this info for my mission.


    Also visit my website: frank ocean quotes

    ResponderEliminar
  53. My developer is trying to persuade me to move to .
    net from PHP. I have always disliked the idea because of the
    costs. But he's tryiong none the less. I've been using Movable-type on
    a number of websites for about a year and am anxious about switching to another platform.
    I have heard great things about blogengine.net. Is there a
    way I can transfer all my wordpress content into it?
    Any kind of help would be greatly appreciated!


    my weblog; william shakespeare quotes

    ResponderEliminar
  54. What's up every one, here every one is sharing such knowledge, so it's
    nice to read this web site, and I used to pay a visit this blog daily.


    Look at my site: tired quotes

    ResponderEliminar
  55. Having read this I thought it was very informative.
    I appreciate you spending some time and effort to put this content together.
    I once again find myself personally spending
    a lot of time both reading and posting comments.
    But so what, it was still worthwhile!

    my weblog; zayn malik quotes

    ResponderEliminar
  56. It's a shame you don't have a donate button!

    I'd without a doubt donate to this excellent blog! I suppose for now i'll settle for bookmarking and
    adding your RSS feed to my Google account. I look forward to fresh
    updates and will talk about this site with my Facebook group.
    Chat soon!

    My homepage ... teddy roosevelt quotes

    ResponderEliminar
  57. Thanks for the auspicious writeup. It actually was a entertainment account it.

    Glance advanced to far brought agreeable from you!

    However, how could we communicate?

    Also visit my website: madea quotes

    ResponderEliminar
  58. I'm truly enjoying the design and layout of your website. It's a very easy on the eyes which
    makes it much more enjoyable for me to come here and visit
    more often. Did you hire out a developer
    to create your theme? Fantastic work!

    my web site; amazing quotes

    ResponderEliminar
  59. You actually make it seem so easy with your presentation but I find this
    topic to be really something which I think I would never understand.
    It seems too complicated and extremely broad for
    me. I am looking forward for your next post, I'll try to get the hang of it!

    my web site - madea quotes

    ResponderEliminar
  60. Spot on with this write-up, I honestly think this amazing
    site needs much more attention. I'll probably be returning to read through more, thanks for the information!

    Also visit my web-site; unusual animals

    ResponderEliminar
  61. It's nearly impossible to find experienced people for this subject, but you seem like you know what you're talking about!
    Thanks

    My blog - commitment quotes

    ResponderEliminar
  62. It's an amazing piece of writing in favor of all the web people; they will obtain benefit from it I am sure.

    Feel free to surf to my homepage - future quotes

    ResponderEliminar
  63. Stephen Rannazzisi as Kevin Mac - Arthur, a district attorney;
    league commissioner. You can get an excellent picture on your HDTV if you use a
    cheap progressive-scan DVD player with HD upconversion.

    Thus, roku has
    been the favorite name when it comes to streaming players.

    ResponderEliminar
  64. Demand is strong and expected to increase over the coming year.
    These data plans will enable seamless voice and video calls with high resolution, excellent sound clarity
    and no lag on hand-held gadgets. It can keep you well organized because it serves as a
    personal computer with electronic diaries, personal organizers, automatic reminders, and contact lists.



    My webpage ... samsung s4

    ResponderEliminar
  65. Good one post which is really worth of knowledge. I will check it later and will see how it functions. Dissertation writing services

    ResponderEliminar
  66. See available Current Deals including Online Shopping, Dubai Shopping Festival and Online Shopping in Dubai at hotshot deals Website.
    Dubai Deals

    ResponderEliminar
  67. Good one post. Thanks for sharing information about these all. Cheap dissertation writing services

    ResponderEliminar
  68. I believe that HTML is one language that is used in most of websites. However its latest version, HTML5 is also getting famous than normal one. Dissertation writing service

    ResponderEliminar
  69. This is such a creative idea and so simple! You can customize this in so many ways.
    Driving School Sydney

    ResponderEliminar
  70. IT Company in Jaipur
    You explained it nicely. HTML is the language which is used to design a webpage and you explained it very clearly.

    ResponderEliminar
  71. It was a quite nicely presented post and it conveys a very useful message. I pretty much enjoy the way you did it. Dissertation writing service

    ResponderEliminar

¡Gracias por comentarme! No modero los comentarios porque me parece tentar contra la libertad de expresión de cada individuo, por eso le pido que no hacer comentarios con palabras obscenas, si vas a comentar como Anónimo por favor coloca tu nombre o cualquier apodo. ¡Gracias!