Cumulus + Blogumus + Randumus? = CuBlogRandumus :D
Vi este plugin en Vagabundia hace unos días. Luego lo vi implementado para las etiquetas en Blogger Buster, El Escaparate y La Bloguería. En realidad customizar este plugin para enlaces “normales” y no sólo las etiquetas resulta muy, muy complicado si lo hacemos a mano.
Así que basado en cómo funciona para las “Labels”, lo he adaptado para el gadget de Blogger: “Lista de vínculos”.
Instalación
1. Desde nuestro editor (Edición de HTML en nuestro panel), sin expandir artilugios, buscamos la siguiente línea:
<b:section class='sidebar' id='sidebar' preferred='yes'>
Puede variar un poco lo está marcado en verde, pero en esencia es la sección de la sidebar.
2. Justo después de ella, pegamos el siguiente código:
<b:widget id='LinkList99' locked='false' title='Link List' type='LinkList'> <b:includable id='main'> v<b:if cond='data:title'> <h2><data:title/></h2> </b:if> <div class='widget-content'> <script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/> <div id='linkscontent'>CuBlogRandumus</div> <script type='text/javascript'> var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "linkscloud", "<tags><b:loop values='data:links' var='link'><a expr:href='data:link.target' style='12'><data:link.name/></a></b:loop></tags>"); so.addParam("allowScriptAccess", "always"); so.write("linkscontent"); </script> <b:include name='quickedit'/> </div> </b:includable> </b:widget>
[Descarga: ZIP > Script, Archivo SWF y otros más...]
Estilos
— Fijémonos que el ID del widget es LinkList99. Si ya tenemos el Blogroll listo en uno de estos widgets, lo ideal sería buscarlo en nuestra plantilla y reemplazar su ID en este nuevo, claro, después de haberlo borrado.
— Para cambiar el color de fondo, el ancho y el alto, en la siguiente línea línea:
var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "linkscloud", "200", "200", "7", "#ffffff");
… cambiamos los valores. Lo que está en rojo equivale al ancho, en azul al alto y en verde al color de fondo.
— Para habilitar la transparencia, buscamos esta línea de código:
//so.addParam("wmode", "transparent");
… y quitamos las dos barras (//) que están antes de ella.
— Para cambiar el color de texto, en cambio, buscamos esta otra línea:
so.addVariable("tcolor", "0x333333");
… donde lo marcado en rojo es el color del texto en formato hexadecimal.
Uso
Cuando vayamos a Diseño > Elementos de página, nos encontraremos con esto:
Desde allí editaremos los enlaces que queramos y como queramos.
Eso es todo.