AVISO IMPORTANTE

Si quieres un menú como este de los botones, pincha en el que tiene un interrogante. Te llevará a la página de donde saqué el código y si tienes algún problema o duda, su creador te ayudará a resolverlo.

Normas de obligado cumplimiento si me envias un mail pidiendo ayuda/consejo

1ª .- Adjunta SIEMPRE la dirección del blog en el que tengas el problema y procura escribir bien la dirección.

2ª .- Intenta explicar LO MAS CLARAMENTE POSIBLE tu problema.
No pagarás más por escribir más palabras.

3ª . - Si has de contestarme usa la opción RESPONDER.
No abras un nuevo hilo de mensajes.

4ª .- No me envies NUNCA la plantilla si no te la pido.

5ª .- No me envies NUNCA la contraseña.
NO PIENSO ENTRAR A MODIFICARTE NADA.

SI ME DEJAS LA PREGUNTA EN UN COMENTARIO
1º .- Si tienes más de un blog dime en cual está el problema.
2º .- Habilita el perfil para que pueda entrar a ver el blog.
3º .- Si el blog es privado tampoco podré verlo. Invítame.

Y por último: Si quieres que te conteste por mail, envíame la pregunta por mail, mi dirección está en la sidebar, en el botón de arriba que tiene un sobre y en casi todos mis blogs.

Expandir las etiquetas

miércoles, 20 de agosto de 2008

Si tienes muchas etiquetas y ocupan mucho sitio en tu sidebar, además del truco de ponerle un scroll, o barra que sube y baja, para reducir este espacio, también puedes hacer que se escondan todas tras un [+/-] y que se muestren al pinchar en este símbolo.

Puedes ver que aquí he cambiado el sistema.
También lo he hecho en Tu blog y tu, aunque allí verás que el enlace está diferente.

Voy a explicarte, primero, el truco tal como lo cuenta Rosa en esta entrada, y cuyo resultado es el que ves aquí.

Empezamos pon entrar en Diseño/Edición de HTML y SIN expandir artilugios localizamos el elemento de las etiqueta, que verás de esta
manera:
<b:widget id='Label1'
locked='false' title='Etiquetas' type='Label'>
Si le has cambiado el nombre, en lugar de Etiquetas pondrá el que tu le hayas puesto.

Una vez localizado, lo borramos y pegamos esto en su lugar.

<b:widget id='Label1' locked='false'
title='Etiquetas' type='Label'>
<b:includable id='main'>
<script type='text/javascript'>
//<![CDATA[ if(typeof(rnd) == 'undefined')
var rnd = ''; rnd = Math.floor(Math.random()*1000);
rnd = 'id-' + rnd; document.write('<a href="#" onclick="tmp = document.getElementById(&quot;' + rnd + '&quot;); tmp.style.display = (tmp.style.display == &quot;none&quot;) ?
&quot;block&quot; : &quot;none&quot;;
return false;" style="float:left;margin-right:5px;">');
//]]> </script>[+/-]
<script type='text/javascript'>
//<![CDATA[ document.write('<\/a>');
//]]> </script>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script type='text/javascript'>
//<![CDATA[ document.write('<div id="' + rnd + '"
style="display:none;">'); //]]>
</script>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>

</b:if>
</li>
</b:loop>
</ul>
<script type='text/javascript'> //<![CDATA[
document.write('<\/div>'); //]]>
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>


Sobre todo sin expandir artilugios, ya que así, al eliminar aquella primera línea que os he dicho, eliminamos el elemento entero, con todo su código y lo sustituimos por este.
De este modo os saldrá exactamente como está aquí.

Cambios posibles:
Si tenías un título diferente en el elemento de las etiquetas, al hacer vista previa verás que vuelve a poner Etiquetas. No te preocuupes, podrás volver a ponerle el título que tenía, editando el elemento.



Pero...
En Tu blog y tu, verás que se ve así.


(Advertencia: El siguiente truco solo funciona si no tienes los elementos de la sidebar encuadrados de manera independiente)

Para que se vea así has de mover tres líneas del código que te doy.
Las que corresponden al título del elemento, que son estas:

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

y ponerlas debajo de ésta:

<b:includable id='main'>
De esta forma cambias la posición del título respecto al contenido, pero como digo, solo funciona en plantillas en las que la sidebar es un solo cuerpo, como la mínima de Tu blog y tu, o cualquier otra a la que no le hayas encuadrado los elementos (widgets) por separado, como he hecho yo aquí, pues en este caso, el [+/-] sale fuera del elemento.

También puedes modificar ese enlace y añadirle alguna palabra (no quites el [+/-] que demuestra lo que hace el enlace), añadiendo algunas palabras en el código, justo delanto o detrás de ese [+/-].

Por cierto, si expandes el de aquí verás que si hay alguna imagen junto a cada etiqueta, ésta sigue viéndose al expandirlas.

Imprime esta entrada
google-site-verification: google6804ea8a89fbde9f.html
Plantilla creada por laeulalia basada en la harbor de blogger.