Minimizar un gadget
Si
quieres ahorrar espacio en tu blog, ocultando algunos elementos de él, estos son los pasos:
Puedes ver un ejemplo en este blog de pruebas.
Vamos Diseño > Edición de HTML de la plantilla y Expandimos artilugios.
En éste caso vamos a buscar una lista de etiquetas, aunque el procedimiento es el mismo para cualquier elemento (Texto, HTML, Archivo del Blog...). Estando situados dentro de HTML, localizamos el gadget buscando su título (Ctrl + F), por ejemplo, etiquetas, o enlaces, etc., y añadimos en el lugar correspondiente la parte amarilla.
<b:widget id='LinkList1' locked='false' title='etiquetas' type='LinkList'>
<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="javascript:void(0)" onclick="tmp = document.getElementById("' + rnd + '"); tmp.style.display = (tmp.style.display == "none") ? "block" : "none"; return false;" style="float:left;margin-right:6px;">');
//]]>
</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:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
Se pueden sustituir los símbolos [+/-] por los que nosotros queramos
Puedes colocar una imagen en lugar de símbolos sustituyendo [+/-] por <img src="URL-DE-LA-IMAGEN"/>
quieres ahorrar espacio en tu blog, ocultando algunos elementos de él, estos son los pasos:
Puedes ver un ejemplo en este blog de pruebas.
Vamos Diseño > Edición de HTML de la plantilla y Expandimos artilugios.
En éste caso vamos a buscar una lista de etiquetas, aunque el procedimiento es el mismo para cualquier elemento (Texto, HTML, Archivo del Blog...). Estando situados dentro de HTML, localizamos el gadget buscando su título (Ctrl + F), por ejemplo, etiquetas, o enlaces, etc., y añadimos en el lugar correspondiente la parte amarilla.
<b:widget id='LinkList1' locked='false' title='etiquetas' type='LinkList'>
<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="javascript:void(0)" onclick="tmp = document.getElementById("' + rnd + '"); tmp.style.display = (tmp.style.display == "none") ? "block" : "none"; return false;" style="float:left;margin-right:6px;">');
//]]>
</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:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
Se pueden sustituir los símbolos [+/-] por los que nosotros queramos
Puedes colocar una imagen en lugar de símbolos sustituyendo [+/-] por <img src="URL-DE-LA-IMAGEN"/>
0 Response to Minimizar un gadget
Publicar un comentario