Expandir y Contraer Etiquetas ~ Mundo Blogger

Expandir y Contraer Etiquetas

Category: Diseño, Html

Basicamente lo que se quiere lograr en es te blog es hacer que las etiquetas se puedan visualizar de una forma más sencilla, expandiendo y comprimiento la principal...

Para hacer esto nos vamos a Edicion Html y colocamos antes de </head> el siguiente codigo:

<script type='text/javascript'>tagsRSS = function (json) { 

 var m = (m ? m : 999); 

 var f = "",xz; 

 m = ( m > json.feed.entry.length ? json.feed.entry.length : m); 

 for (var i=0;i &lt; m;i++) { 

   var n = json.feed.entry[i]; 

   var l=n.link; 

   for(xz=0;xz &lt; l.length;xz++){ 

    if(n.link[xz].rel === "alternate"){ 

      l=l[xz].href; 

      xz=l.length+10; 

    } 

   } 

   var t = n.title.$t.link(l).bold(); 

   f = f + t + "<br/>"; 

 } 

 document.open(); 

 document.write(f); 

 document.close(); 

}</script>

Luego buscamos alguna etiqueta similar a:

<b:widget id='XXXXX' locked='XXXXX' title='XXXXXX' type='XXXX' />

Una vez encontrado el codigo, pegamos lo siguiente, justo después de este.

<b:widget id='Label101' locked='false' title='Etiquetas' type='Label'> 

<b:includable id='main'> 

 <b:if cond='data:title'> 

   <h2><data:title/></h2> 

 </b:if> 

 <div class='widget-content'> 

   <b:loop values='data:labels' var='label'> 

     <div class='etiqueta'> 

       <b:if cond='data:blog.url == data:label.url'> 

         <data:label.name/> 

       <b:else/> 

         <a href='#' expr:onclick='"if(document.getElementById("label_" + data:label.name + "").style.display == "none"){document.getElementById("label_" + data:label.name + "").style.display=""}else{document.getElementById("label_" + data:label.name + "").style.display="none"};return false"'>[+/-]</a> <a expr:href='data:label.url'><data:label.name/></a> 

       </b:if> 

       (<data:label.count/>) <br/> 

       <div class='etiquetas-expandibles' expr:id='"label_" + data:label.name' style='display:none;'> 

       <script expr:src='data:blog.homepageUrl + "feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&amp;callback=tagsRSS&amp;max-results=999"' type='text/javascript'> </script> 

       </div> 

     </div> 

   </b:loop> 



   <b:include name='quickedit'/> 

 </div> 

</b:includable> 

</b:widget>