Ayuda&Kaos

"Robo" institucionalizado

2007-03-07T02:11:00.000+01:00

Para un día que me apetece dejar registrado uno de mis cuentos... resulta que me encuentro con que Blogger no me deja publicar entradas: que dice que si es un blog dedicado al "SPAM". Alucinante... yo que no uso Adsense ni ninguna de esas gaitas... ahora resulta que los cuentos son "spam", por lo visto.

Acabo de escribir un correo a Blogger, bastante indignado (supongo que me darán en las narices, je). Y estoy pensando que voy a hacerme con mi propio dominio... porque ya me estoy cansando de tanta barbaridad:

Muy Sres. Míos:

Diré, para enpezar, que prefiero escribir este correo en español para que se entienda claramente:.- Han bloqueado vds. mi blog http://junio-cuentacuentos.blogspot.com/, aduciendo que se dedica al no muy noble "arte" del Spam:

¿¿¿QUE SPAM??. Porque mi blog no tiene siquiera Adsense ni ninguno de los otros "métodos" que se emplean en la red para ganar dinero y, de paso, aburrir a los visitantes.Mi Blog es, en exclusiva, un recopilatorio de cuentos imaginados por mí. Nada más.

Y van vds. a destrozar mi trabajo no sé por qué razón, mientras veo, cada día en la blogoesfera, cientos y cientos de blogs que venden Adsense y cosas por el estilo: ¿eso no es spam?. Porque a mí me parece que lo es: sólo que "institucionalizado".

Y añado más: mientras yo me dedico tranquilamente a dejar mis cuentos en mi blog, otros se dedican a robar contraseñas y destrozar blogs ajenos. Y de ello tienen vds. y sus "robots" cientos de muestras en la red, enpezando por mi "difunto" blog: "Protesto", hackeado por unos mexicanos que me dejaron un mensaje que no voy a repetir, porque no llego a tanta vulgaridad.

¿Qué pasa con eso?. Nada.Sin embargo, se dedican vds. a bloquear blogs de cuentos. No lo entiendo en absoluto.

Y ahora mismo se me enciende una "luz": Hace unos días que cambié el background de mi Blog, para poner unos de "Final Sense" que le gustaron a mi hijo: uno de la ardilla de "Ice Edge" y otro del "Diablo de Tasmania": después de revisar cientos de veces mi blog en esta noche... descubro un código de barras con la mencuión de la autoría del background de "Final Sense".

¿Es "eso" lo que sus robots toman por un spam?. Porque si les molesta tanto que la web autora del background ponga su firma, como la ponen en los scripts de las páginas de Google todos los codificadores, para ganar dinero en el interior de nuestras plantillas... pues apaga y vámonos.

Por lo expuesto, les ruego que A LA MAYOR BREVEDAD POSIBLE, me devuelvan vds. el uso de mi Blog: dado que me piden una respuesta INMEDIATA, así mismo yo se la pido.Revisen mi Blog tantas veces como quiera, pero desbloquéenmelo unmediatamente y no sostengan por más tiempo una decisión tan absurdamente injusta e injustificada.

Atte.

Llara.

Ya "no se cabe"

2007-02-28T23:18:00.000+01:00

Lo cierto es que ahora no me acuerdo muy bien... pero son más de cien entradas las que ya tiene este blog en algo menos de dos meses. Y ya no me cabe ni una más (a parte de ésta, je). Ni entradas ni hacks.
De manera que he buscado por ahí un poco de espacio... de "Aire". Y éste es el nombre que le he dado al blog que va a enlazar con Ayuda&Kaos, para continuar con su labor... y con más espacio.

No he querido hacer una "réplica" o clon de este blog: para qué repetirlo todo... de manera que "Aire" es una prolongación, pero con fisonomía propia: otra plantilla, otro nombre, otros hacks, otro aspecto... pero "hija" de Ayuda&Kaos: así "Aire" le deja un poco de espacio a la "madre".

post-Firma

Etiquetas... ¡Arriba! (+ visualizarlas en Tabla de Contenidos)

2007-02-26T18:09:00.000+01:00

Tan llenito de "cacharros" está el pie de mis entradas, que andaba dándole vueltas a la forma de "descargarlo" algo... colocando, p.e., alguno de los "chismes" en la cabecera de la entrada. Y pensé que bien podían ser las etiquetas... al menos es lo que yo suelo mirar en el pie de una entrada: lo demás me interesa... casi nada.
Pensé que debía ser una cosa fácil: tan sólo pensar, con un poco de sentido común, en qué lugar podía colocarse sin problemas. Y sí... la cosa era fácil. De manera que ahora reparto el peso de la entrada entre la cabecera y el pie. Así:

.- Fuí a Edición de Plantilla y la expandí. Bajé hasta la tag p class='post-footer-line post-footer-line-2', donde se encontraba el "span" de mi elemento "labels"-etiquetas"... y lo trasladé entero (desde la apertura del "span" hasta el cierre de ese "span") justo debajo de la tag b:loop values='data:posts' var='post' (quien enga en su plantilla el hack de "breadcrumbs", como yo, que coloque el span de las etiquetas bajo las breadcrumbs). Y ya está... Os quedará algo como ésto en la plantilla:

<b:loop values='data:posts' var='post'>

[AQUI LAS BREADCRUMBS, QUIEN LAS TENGA]



<b:if cond='data:post.labels'>

<data:postLabelsLabel/>

<b:loop values='data:post.labels' var='label'><a expr:href='data:label.url' rel='tag'><data:label.name/></a>

<b:if cond='data:label.isLast != "true"'>,</b:if>

</b:loop>

</b:if>

Facilín, ¿a que sí?.

PD:

Y... el truqui tiene uun "efecto secundario" sobre el hack de Contenidos que tengo insertado en este blog ( ¡¡¡¡jajjajaaa!!!... perdón: me río porque a ésto le llamo yo hacer " doble carambola" en la misma jugada): Y es que despliega las etiquetas (o "categorías", como las he apellidado) cuando se pica en la Tabla de Contenidos, en la Nube de Etiquetas o, en fín, en cualquier etiqueta: aparecen las entradas con la etiqueta en cuestión... con ésta y las otras etiquetas a las que ha sido asignada la entrada (p.e.: si una entrada está etiquetada como "blog", "Taller" y "Fecha", aparecen todas las etiquetas bajo las que he puesto la entrada, je... todas).

No sé si alguien se armará un lío con esta "nueva" Tabla de Contenidos"... lo único que hay que hacer cuando se pica en una etiqueta, es, para ver la entrada, picar en el párrafo final... no sé si me explico: la ultima frase es el título de la entrada.

Y si no... ya es hora de usar las Etiquetas Multi-Estilo... con lo que me encantan :D(gracias, Hackosphere)

Bien... es distinto... y me gusta...

PDII: Como siempre me queda la duda de si alguien se armará un lío, he procurado mejorar el diseño: ahora, cada vez que se pica en una etiqueta o en los "Contenidos-Entradas" del blog, y tras el aviso "contenidos", se despliegan:

.- "Categoría": aquí figuran las etiquetas que asigné a la entrada en cuestión (puesto que mis entradas suelen estar asignadas a más de una etiqueta, insisto).

.- La caja que contiene la(s) entrada(s) asociada(s) a la etiqueta. Al picar en esta caja de la entrada, se nos despliega la entrada completa.

Es decir: Categoría, etiquetas; caja, entrada.

(Coime... tanta explicación... si lo más fácil es picar y ya está, ajajajjaaa)

post-Firma

Personalizar la fecha de las entradas

2007-02-25T18:52:00.000+01:00

Algo parecido a ésto que tengo yo en el blog: en bloque, en lugar de en línea, con fondo y... distinto, en suma.
Pues bien... preprados para trabajar duro:

Para empezar, si queréis vuestro propio estilo, tenéis que andar con el photoshop o lo que queráis para crear una especie de "banner" para cada día del mes, de cada mes, y para unos pocos años de aquí a... lo que penséis andar por el blog... un rollo... (al final, tendréis que diseñar cosa de cuarenta banners).

Si se os pone el vello de punta de pensar en tal cantidad de trabajo-como a mí-no pasa nada: The Last Word nos salva nuestra poca paciencia con algo menos personal, pero más sencillo. Vamos a dar los pasos:

1º.- Id a Opciones de vuestro blog. En FORMATO, cambiad el de FECHA de la entrada por éste: 25 febrero 2007. Es decir: día, més, año. Es la segunda opción de la tabla, empezando por abajo. Guardad.

2º.- Id a Edición de plantilla y expandidla:

.- Insertad el siguiente CSS, antes del cierre /skin, para darle el estilo a la fecha (podéis cambiar el color, el fondo, el bloque...):

div#post-date { display: block; float:left; /* set this to right if you want it go to the right */ padding: 1em; /* to keep the text away from the edges */ background-color: #555555; /* you can change this to hold a picture, will make it look nicer */ border: 3px double gray; /* a border to make it look nice */ } div#post-date span.theDate { display: block; /* to put this in a different line */ font-size: 3em; /* to make the date stand out */ background-color: transparent; /* to let the background show through */ color: white; } div#post-date span.theMonth { display: block; font-size: 1em; /* smaller compared to the date */ background-color: transparent; color: white; } div#post-date span.theYear { display: block; font-size: 1em; /* smaller compared to the date */ background-color: transparent; color: white; }

2º.- Insertad el siguiente script antes del cierre /head:

3º.- Bajad vuestra plantilla hasta el elemento "Navigation". Poco más arriba debéis encontrar, un "b:loop values='data:posts' var='post'... y poco detrás, un
<b:if cond='data:post.dateHeader'>

<h2 class='date-header'><data:post.dateHeader/></h2>

</b:if> que va dentro del b:loop data.post

Bien: ahora colocad detrás lo siguiente:

<div id='post-date'> <script>date_replace('<data:post.dateHeader/>');</script> </div>

De manera que os quede así ese fragmento de la tag b: loop:

<b:if cond='data:post.dateHeader'>

<div id='post-date'> <script>date_replace('<data:post.dateHeader/>');</script> </div>

</b:if>

No guardéis nada mientras no lo veáis todo perfecto desde "Vista Previa". ¡Suerte!

Pd: He solucionado el "error" que daba en la página, si se sguían las instrucciones de The Last Wor para esta última parte de código: señala el autor que hay que SUSTITUIR el date.Header, y todo lo que se encuentre dentro de ese b:loop, por el código que propone, a excepción de las condicionales b:if. Pero no... porque si precisamente sustituímos ese condicional, que es donde se encuentra el date.header... es cuando nos da un error como un campano. Así que yo ni sustituyo, ni reeemplazo, ni elimino (A EXCEPCION DE LA TAG h2 /h2, que ha de eliminarse si ya no se quiere visualizar la fecha "antigüa"): me limito a colocar el código justo detrás.

Y, solucionado el problema del "error 3n la página", encuentro otro: y es que no se visualiza el hack junto a algunos títulos de entradas... como no sé si se trata de entradas que he escrito el mismo día... pues tengo que comprobarlo, entre otras cosas.

Y ¡OJO!: el hack lo he insertado sólo en la "main" o página principal de este blog: de manera que, desde otras páginas, se ve la fecha "habitual".

PDII: Je... acabo de insertarlo también las otras páginas, además de la principal. Funciona bien... eso sí: queda un poco horroroso junto a mis "dropcaps"... tendré que cambiarlas por una inicial más grande, o algo así...

Y otra cosa: Efectivamente, como me sospechaba, las entradas que "no" tienen el bloque de la fecha ... es porque son del mismo día...

post-Firma

Cambio de columna

2007-02-24T04:49:00.000+01:00

Es decir: que he quitado la columna "sidebar2" que se veía a la izquierda de las Entradas, al lado de los "Links" y demás... y he creado una nueva columna "newsidebar" a la derecha, donde he colocado el contenido de la otra: los comentarios y el archivo del blog.
Y ya cuento mañana cómo, porque ha sido facilísimo... hasta que me he tenido que poner a cambiar anchos y paddings y gaitas... "vista previa" va... "vista previa" viene... qué mareo...

...

Sigo:

1º.- Fuí a Edición de Plantilla, la expandí y comencé por el CSS (cada quien tiene sus manías), añadiendo mi nueva sidebar. Y como era nueva y las plantillas no "entienden" el español, pues le puse de nombre "newsidebar" y la hice flotar a la derecha, que es donde quería que se viera:

#newsidebar-wrapper {

width: ¿?px;
text-align: right;
float: right;
background:lightblue;
border-right: solid 4px darkblue;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */

overflow: hidden; /* fix for long non-text content breaking IE sidebar float */

}

Es decir: la configuración general, la misma que otras sidebar... sólo que cambiando el nombre y el "float"... si la hubiera querido a la izquierda, habría sido float: left;. En cuanto al ancho, pongo unas interrogaciones, porque ésto ha de cambiarlo cada quien a la medida de su plantilla.

También le añadí color de fondo: background: lightblue;
y márgen a la derecha: border-right : solid 4 px darkblue.
Podéis cambiar el borde contínuo, por uno discontínuo- de puntitos-, como el que tengo "encerrando" las entradas, con sólo cambiar "solid" por "dotted". En cuanto a los píxeles, dependiendo de si lo queréis más o menos grueso, cambiáis el número.
Y el color, claro, cada quien elige el suyo.

2º.- Crear la sidebar y elegir el sitio donde insertarla.
He escogido ponerla en la cima del blog, bajo el título y al lado de las entradas. De forma que, para que saliera justo ahí donde quería, inserté el "div" entre el "content-wrapper" y el "main-wrapper. Así:

<div id='content-wrapper'>

<div id='newsidebar-wrapper'>

<b:section class='sidebar' id='newsidebar' maxwidgets='20' showaddelement='yes'>

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

<b:includable id='main'>

</b:includable>

</b:widget>

</b:section>

</div>

<div id='main-wrapper'>

Poned los "maxiwidgets" al número que os venga bien... yo suelo poner unos cuantos de más siempre, jajajaaa...por que no sé la de chismes que voy a andar metiendo en la plantilla de mi blog. Total, en cualquier momento podéis cambiarlo, aumentando o suprimiendo.

Y ahora viene lo bueno... echad una mirada a vuestro blog desde "vista previa" y ya podéis salir corriendo al CSS para cambiar los anchos. Lo más fácil es acudir al "outer-wrapper", bajo las "Variable definitions", y darle la suma del ancho de todas las sidebar, widebar y "main" del blog. Pero... a veces no funciona así... y no queda otro remedio que andar quitando y poniendo anchos "a ojo" hasta que todo se ve más o menos en su sitio desde "Vista Previa".
Esta es la parte tediosa y de verdadero trabajo, pues.

Cuando terminéis de ajustar la plantilla y la veais estupenda en "Vista Previa", podéis guardar y mirar en Diseño de Plantilla: os habrá "aparecido" a la derecha de las Entradas del Blog una preciosísima sidebar con su "Añadir Elemento de Página".

Si queréis la sidebar en otro sitio... pues cambiadla de nombre y lugar. Podéis ponerle de nombre, p.e. "sidebar2" y darle el estilo CSS, para luego colocarla donde más os guste...
Si queréis que aparezca bajo una sidebar que ya tenéis en el blog, pues insertad el "div" justo debajo del fín de esa sidebar ... en fín: la imaginación es libre.

post-Firma

Nube de Etiquetas

2007-02-23T21:47:00.000+01:00

Podéis verla a la izquierda, en la widebar.
Y la idea es de Phydeaux. Vamos allá:

1º.- Incluir en la plantilla expandida el estilo de la Nube, antes del cierre /skin:

/* Label Cloud Styles
----------------------------------------------- */
#labelCloud {text-align:center;font-family:arial,sans-serif;}
#labelCloud .label-cloud li{display:inline;background-image:none !important;padding:0 5px;margin:0;vertical-align:baseline !important;border:0 !important;}
#labelCloud ul{list-style-type:none;margin:0 auto;padding:0;}
#labelCloud a img{border:0;display:inline;margin:0 0 0 3px;padding:0}
#labelCloud a{text-decoration:none}
#labelCloud a:hover{text-decoration:underline}
#labelCloud li a{}
#labelCloud .label-cloud {}
#labelCloud .label-count {padding-left:0.2em;font-size:9px;color:#000}
#labelCloud .label-cloud li:before{content:"" !important}

2º.- Incluid el "script" de configuración de la Nube, entrte el cierre de /skin y el cierre de /head:

Aquí debéis cambiar la URL por la de vuestro blog.

3º.- Ahora hay que crear el objeto-widget:
Bajad vuestraplantilla hasta encontrar, en la sección de sidebar, un b: widget: id="Label1" locked="false" title="Labels" tupe="Label".
Añadid el código del widget:

<b:widget id='Label1' locked='false' title='Label Cloud' type='Label'>

<b:includable id='main'>

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

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

</b:if>

<div class='widget-content'>

<div id='labelCloud'/>

<script type='text/javascript'>

// Don't change anything past this point -----------------

// Cloud function s() ripped from del.icio.us

function s(a,b,i,x){

if(a>b){

var m=(a-b)/Math.log(x),v=a-Math.floor(Math.log(i)*m)

}

else{

var m=(b-a)/Math.log(x),v=Math.floor(Math.log(i)*m+a)

}

return v

}

var c=[];

var labelCount = new Array();

var ts = new Object;

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

var theName = "<data:label.name/>";

ts[theName] = <data:label.count/>;

</b:loop>

for (t in ts){

if (!labelCount[ts[t]]){

labelCount[ts[t]] = new Array(ts[t])

}

}

var ta=cloudMin-1;

tz = labelCount.length - cloudMin;

lc2 = document.getElementById('labelCloud');

ul = document.createElement('ul');

ul.className = 'label-cloud';

for(var t in ts){

if(ts[t] < cloudMin){

continue;

}

for (var i=0;3 > i;i++) {

c[i]=s(minColor[i],maxColor[i],ts[t]-ta,tz)

}

var fs = s(minFontSize,maxFontSize,ts[t]-ta,tz);

li = document.createElement('li');

li.style.fontSize = fs+'px';

li.style.lineHeight = '1';

a = document.createElement('a');

a.title = ts[t]+' Posts in '+t;

a.style.color = 'rgb('+c[0]+','+c[1]+','+c[2]+')';

a.href = lcBlogURL+'/search/label/'+encodeURIComponent(t);

if (lcShowCount){

span = document.createElement('span');

span.innerHTML = '('+ts[t]+') ';

span.className = 'label-count';

a.appendChild(document.createTextNode(t));

li.appendChild(a);

li.appendChild(span);

}

else {

a.appendChild(document.createTextNode(t));

li.appendChild(a);

}

ul.appendChild(li);

abnk = document.createTextNode(' ');

ul.appendChild(abnk);

}

lc2.appendChild(ul);

</script>

<noscript>

<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>

(<data:label.count/>)

</li>

</b:loop>

</ul>

</noscript>

<b:include name='quickedit'/>

</div>

</b:includable>

</b:widget>

Y ya está. Si en "vista previa" no véis aparecer la Nube de Etiquetas... es que hay algo mal hecho.

Y... hay un "bug" (error) si todas las etiquetas sólo tienen una entrada... aviso. Así que estad seguros de que al menos una etiqueta tiene más de una entrada.

Más:

Podéis cambiar secciones de la configuración de la nube, en cuanto al tamaño y color de las etiquetas, p.e. Así que vamos a contar un poco para qué sirve cada una:

.- var cloudMin= 1;
Muestra el número de etiquetas que desplegará tu Nube. Si quieres que se desplieguen todas, deja el "1". Si pones un número mñas alto, sólo se mostrarán las etiquetas hasta el número que hayas colocado.

.- var maxFontSize = 20;
var maxColor = [0,0,255];
var minFontSize = 10;
var minColor = [0,0,0];
var lcShowCount = false;

"MaxFonSize" representa, en píxeles, el tamaño de las etiquetas con más entradas. El "maxColor" representa el color de las etiquetas con más entradas.
Lo mismo representa la función "min", pero con las etiquetas con menos entradas.
Los colores están representados en formato RGB.

Si no tienes más de tres etiquetas, la Nube no se ve bien...

Si cambias el color de las etiquetas en la Nube, asegúrate de incluir el formato del color entre corchetes [] y los números separados por comas. ERl color por defecto es BLUE-azul- para las etiquetas con más entradas. El color por defecto para las etiquetas con menos entradas es el BLACK-negro.

Si no sabes cómo cambiar el color con una carta RGB, entra AQUÍ

.- lcShowCount:

Puede ser "false" o "true": lo que hace es colocar el contador de entradas que contiene la etiqueta en "on" u "off": para que se vea o no.

En cuanto al estilo-CSS:

.- #labelCloud {text-align:center;font-family:arial,sans-serif;}

Puedes cambiar las Fuentes y el centrado. Esto último puedes hacerlo de la siguiente forma:
text-align:justify;
text-align:right;
text-align:left;
(a la derecha, a la izquierda)

.- #labelCloud .label-cloud li{display:inline;background-image:none !important;padding:0 5px;margin:0;vertical-align:baseline !important;border:0 !important;}

display:inline; puedes cambiarlo por display:block; para obtener el "peso" de cada etiqueta y frecuencia y mostrar la entrada en su línea, separada. SAi lo modificas, probablemente tengas que hacerlo desde el Elemento de Página (para ordenarlas alfabéticamente, p.e.)

.- #labelCloud .label-count

Si cambias a "tru" el contador del que hablé arriba-lcShowCount-, tendrás que cambiar también esta variable, para modificar el color y tamaño de las etiquetas en esta línea.

Y, ¡Hala!: paciencia. Si queréis cambiarlo todo, es que tenéis una moral a prueba de bomba.

Pd: Pues no es tan complicado... he cambiado los colores y he activado el contador; también las he alineado a la izquierda...y he cambiado el tamaño de las "mini" (es que si no... no veo ni torta :( ); y el tipo de letra... y las he ordenado por frecuencia... y... he quitado el subrayado...y... espero no cambiar más cosas, jajajaaa.
Lo que no me gusta tanto es el cambio "iin line" a "block". Me gusta más el primero.

post-Firma

Buscador de Hacks

2007-02-23T10:40:00.000+01:00

Bueno... lo he visto y he querido probarlo (como siempre): Un servicio de Google para tener en una página todas las direcciones de los sitios que sueles visitar para encontrar lo que necesitas: hacks, noticias sobre salud, ciencia, vivienda... lo que uno prefiera. Sólo hay que entrar en la página y crear el propio.
Yo he hecho una prueba y sólo he metido mi dirección... si me gusta, iré incluyendo más. En caso contrario... me lo cargo, jajajjaaa.
De momento, dejo aquí-y entre los links de este Blog-mi Buscador de Hacks para que veáis la idea (Y ya cuento más en otro momento... como mi "·Nube de Etiquetas"... es que ahora no tengo tiempo).

Sigo...

Hum... me gustaría saber si un "contributor" que acabo de ver es quien yo creo... por el mail: ¡es que te has apuntado como "Anónimo" !. Please: si lees este mensaje, ¿me lo confirmas?. Es que me dan un pco de miedo los anónimos...

Quien quiera "contribuir", para que todos veamos sus hacks y hacer figurar su página en este buscador-y nole paerezca hacerse el suyo propio-... que se apunte y le incluyo. Pero, please... nada de "anónimos", que no están los tiempos como para dejar pasar a cualquiera...

Bueno: quien primero ha comentado el tema y lo ha insertado en su web es Hackosphere. Y lo dicho: sigo observando y decidiendo...

post-Firma

Cambiar el color de fondo...

2007-02-23T01:00:00.000+01:00

Es lo más fácil del mundo:
yo voy a mi plantilla y añado un "background:" donde me parece del CSS: en la sidebar1, en la sidebar2, en la widebar o en el main-media. Y pongo el color que me apetece: "light" (suave" o "dark" (oscuro).
Así que, cada vez que me aburren los colores de mi blog, voy y cambio el background.
Ahora le ha "tocado" a la sidebar1: background: darkblue;
Y a la widebar: background: lightblue;
Y mañana... quizás le toque a la sidebar2... o a las Entradas... o al pie de página... o al Tablón de Mensajes...
Conforme me vaya aburriendo decidiré.

post-Firma

Sobre "Entrada Permanente"

2007-02-22T23:28:00.000+01:00

Es otra de las fórmulas de lo que llaman "Sticky post": es decir, una entrada que preside, inamovible permanente, todas las entradas del blog.
He querido ponerla para avisar de dónde se encuentran rodos los contenidos de este blog... al menos las entradas... porque hay tanto... que el "sticky post" se haría interminable.
Es otra alternativa al "Tablón de Mensajes" que tengo puesto bajo la imagen del Blog. Quien lo haya insertado en su página, ya tiene el "Añadir Elemento de Página" sobre las "Entradas del Blog" en su plantilla. Sólo le hace falta escribir el texto.

post-Firma

"Mágica" Navbar

2007-02-22T22:50:00.000+01:00

Se trata de esconder la navbar... no de eliminarla.
Con este hack queda "oculta" (no se ve así, a simple vista) pero no desaparece, puesto que al pasar el ratón por encima de donde se supone que estaba, aparecen en la barra inferior de nuestra pantalla, sus direcciones.
¿Cómo?: Pues insertando una sencilla pieza antes de las definiciones de CSS (en mi caso, la he colocado detrás de "Variables", antes de la definición del body:

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}

Es, simplemente, un "caso" de opacidad...
Vía: BlogU

post-Firma

Elegir el Tema de la Plantilla (Swicht Theme)

2007-02-22T11:00:00.000+01:00

Lo he dejado insertado hace un momento en la plantilla "Mínima Ochre" de El Oculto. La verdad es que se trata de un hack muy versátil y fabuloso para quienes, como yo, nos aburrimos enseguida de ver nuestro blog siempre con el mismo aspecto.
Para entender de qué hablo, sólo tenéis que ir a la página de "El Oculto" y pinchar en alguno de los botones del TEMA... enseguida veréis cómo cambia el aspecto.
La idea es de Dynamicdrive, y el hack es cosa de PurpleMoggy, quien ha preparado un montón de plantillas para insertar en ellas los temas y los widgets para cambiarlos.

Sólo hay que entrar en la página del hack y buscar si entre los temas de pantilla está el de nuestro blog. Si es así, sólo hay que examinar la "demo CSS" que propone Moggy e insertar en nuestra plantilla la pieza que hará funcionar el hack, y que podéis ver antes del cierre /head
En la "demo" del XML file correspondiente a nuestra plantilla, tenéis los widgets para insertar en la sidebar: escoged cual queréis mostrar para que, al pulsarlos, cambie el tema de la plantilla. En mi caso, escogí el "Radio Buttons".

Y eso es todo. Sólo tenéis que insertar esa pieza de código tras el cierre /skin y antes del cierre /head, y -en la sidebar de la plantilla-el objeto para pulsar el cambio de tema.

Suerte: que os salga bien y os guste el resultado.

post-Firma

No entiendo ni pío...

2007-02-21T10:24:00.000+01:00

...

Acerca de cómo funcionan o dejan de funcionar los marcadores sociales...
Llevo una temporada leyendo en otros blogs un montón de quejas sobre Technorati, Google, Feedburner... y, lo cierto-ya lo he comentado antes-es que hay cosas absolutamente increíbles: como que se "aúpe" a los "principales" de Techorati, al parecer con un montón de links, la única entrada de un blog,(en la que se da la gracias a Hoctro's por un hack... y ya está).
En lugar de subirse en Technorati el hack de Hoctro's... pues no: se sube la entrada esa que se limita a dar las gracias.

Alucinante...

Y éste es sólo un ejemplo: el chocolate del loro de lo que veo por la blogoesfera... porque tienen, aparentemente, menos links y suscriptores algunas webs de hacks originales que otras que los aplican.

Feedburner muestra las visitas de cada semana... pero no acumula los números en su ventana. De forma que puede uno ver un cero como una casa... para luego acudir al "Analyze my feeds" y encontrarse con que tiene cuarenta links en las últimas veinticuatro horas, de todas partes del mundo.

Incomprensible...

Con tanto "bug", como dicen los norteamericanos... sigo pasando olímpìcamente de marcadores: ayer leí algo sóbre cómo mostrar todos los acumulados de Feedburner (The Last Word)... y ni me interesa.

Así qque, después de pensar que-una de dos- o somos rematadamente tontos los visitantes, que nos dedicamos a linkear a tontas y a locas cualquier cosa, sin fijarnos en qué cuernos linkeamos o... los marcadores sociales son un fraude.... He llegado a la "conclusión de que.... prefiero creer lo segundo... a fín de cuentas... son máquinas (el problema es que las creamos y mantenemos los humanos...)

PD: Siento reincidir... pero es me troncho (¡JAJAJAAAAA!!!!). Y es que acabo de ver un "top" de Technorati en el que se anuncia a bombo y platillo: "MY FIRST HACK!".
Así que, como buena curiosona, entro a leer el tan cacareado hack y me encuentro con... un "cómo poner Adsense en el pie de cada entrada".

¡No me lo puedo creer!: ¡Si es el hack más viejo y archiconocido del mundo!...

Menos mal que el chico ha aclarado que ha aplicado el hack de BLOGU... pero entonces... entiendo menos aún: el hack es de otro, y el chico no ha añadido ni quitado nada (luego... no veo yo lo de "my first hack" por ningún lado)... pero es que ya es para matarse de risa que figure en el top del marcador... ¡y no el hack de BLOGU... EL ORIGINAL!.

Pues no entiendo nada... como no sean mis criterios a la hora de enlazar (porque he aplicado un hack o me he basado en él para desarrollar el mío propio, y me parece de ley aludir al blog de su autor) porque... lo que es los criterios ajenos para "subir" blogs... a mí que me lo expliquen: porqué BLOGU se queda sin su "top", reemplazado por un blog con un sólo hack... que no es un hack... ni siquiera suyo...

Buf... qué lío...

post-Firma

Destacar texto

2007-02-21T09:49:00.000+01:00

Aquí, en color amarillo:

Puedes destacar el texto con sólo cambiar la definición antes del cierre "span". Detrás, se puede continuar escribiendo, dentro de la tag "code", sin marcar color;(texto sin marcar)Tras el cierre del "code", abierto un nuevo "span", vuelve a marcarse el color elegido.Y vamos al código:.

Puedes destacar el texto con sólo cambiar la definición antes del cierre "span". Detrás, se puede continuar escribiendo, dentro de la tag "code", sin marcar color;<code>(texto sin marcar)</code>Tras el cierre del "code", abierto un nuevo "span", vuelcve a marcarse el color elegido.Y vamos al código:.

post-Firma

Definir de una vez los colores de los links... y con efecto mouseover...

2007-02-21T01:24:00.000+01:00

Eso es lo que acabo de hacer... que ya me tenía hartita tanto elegir colores... para terminar haciéndome un lío.
Así que me preguntaba si no habría nada por ahí que me lo diera hecho, además de cambiarme el color cuando pasase el ratón por encima...
Y sí...
Quien quiera, que pase el ratón por encima de cualquiera de los vínculos de las entradas de este blog: "seguir", marcadores, etiquetas, página arriba y abajo, etc... veréis cómo cambia el color a un naranja oscuro, al posar el ratón encima.
Y mañana sigo, que ya tengo mucho sueño...
(Coime... acabo de darme cuenta de que este hack me interfiere con el blockquote de las comillas, porque éste se "esconde" ... anda... pues voy a tener que elegir...)
... Y... ahora no hay problema... será cosa del navegador... o de Google, qué sé yo. Bueno: aquí va el CSS de los links (antes del cierre de skin):

a:link {
color:purple; /*Unvisited link color*/
text-decoration:none;
}
a:visited { /*visited link color*/
color:red;
text-decoration:none;
}
a:hover { /*color on mouseover*/
color:darkorange;
text-decoration:underline;
}

PD: Detrás de la última definición de color (la del "hover") he añadido un fondo amarillo... así parece que el link esté "encerrado" en una caja. Creo que así se ve mejor el efecto. Y he sustituído el efecto "underline" (la línea que subraya el link) por un "none"... o sea, nada.
De manera que esta última definición queda así:

a:hover { /*color on mouseover*/
color:darkorange;
background: yellow;
text-decoration:none;
}

post-Firma

Blockquote con imagen (comillas de apertura y cierre)

2007-02-21T00:03:00.000+01:00

A
nda que no me ha costado el encontrar un "truqui" para que se vean las comillas de apertura y cierre a la vez... porque Mandarin sólo despliega una u otra... pero no las dos a la vez

Así que, dándole vueltas al tema, he encontrado la fórmula que buscaba... aunque no me haya quedado otro remedio que insertar en la plantilla una pieza diminuta de CSS:

blockquote.withimage {
background: url(http://www.mandarindesign.com/images/quotefirebrick.gif) no-repeat;
text-align: justify;
padding-left:20px;}

Y un "combinado" en la ventana de creación de entrada:

<blockquote class="withimage">Aquí se visualizan las comillas de apertura<//p> </blockquote><blockquote style="background:url(http://www.mandarindesign.com/images/quotefirebrick.gif)

no-repeat;background-position:top left;padding-left:20px;text-align:justify;

">He cambiado el color de las comillas al rojo... quien las quiera negras o azul marino, que visite la página de Mandarín: está entre mis LinksFín del texto... se cierran comillas</blockquote>

Y lo vemos así(al menos yo lo veo): abre comillas.

Sigue insertando texto...
Fín del texto y cierre de comillas. No sin antes decir que... menudo lío para unas comillas de nada.

post-Firma

Entrada combinada

2007-02-20T10:52:00.000+01:00

Esta entrada no necesita ningún añadido de CSS a la plantilla. Combina y equilibra una DropCap con una pullquote.

Es fabuloso poder cambiar el CSS y obtener cualquier efecto...
Todo gracias a un CSS externo, que sólo hay que integrar en la entrada en la que queramos ver el efecto. Ideal para quien no sabe usar archivos externos o para quien, como yo, no tiene ninguna gana de andar con ellos... ni de insertar más cosas en el estilo de la plantilla. Y es bastante el riesgo asumido al insertar scripts ajenos, como para andar "rabilando" en el "Google pages"... repletito de scripts malintencionados, con virus en su interior...

post-Firma

Blockquotes

2007-02-20T09:58:00.000+01:00

Hay muchas posibilidades de obtener textos originales, combinando pullquotes, opacidades, blockquotes, tipos de letras...
Con y sin CSS en Edición de plantilla. También puede terminarse con otra imagen, con sólo añadir otro gif... y cambiar el color del mismo, como hago yo en esta entrada.
Es cosa-y siempre lo ha sido- de Mandarin Design

Y creo que voy a dedicarme una temporada a terminar mi libro, dejando aquí tan sólo mis experimentos con el color y los textos. Me parece que ya es hora de cambiar de registro y dedicarme a otra cosa.

También una blockquote con línea a la izquierda... se puede cambiar el color y el grueso, con sólo cambiar las definiciones

blockquotes con borde, como si se encerrasen en cajas... igualmente se pueden cambiar las definiciones de color y gruesos.

post-Firma

Un Blog es un Libro...

2007-02-19T17:09:00.000+01:00

Cuantas personas usan internet, ya sea los grupos de MSN o los blogs, para dejar en ellos sus experiencias personales: realidades e imaginación.
Un montón. Porque imaginar, escribir y describir son algunos de los mejores ejercicios de los que es capaz la mente humana.

Pero... qué fea puede quedar nuestra historia en un blog al uso... por eso, nada como darle un formato distinto, más cercano a la portada de un libro impreso.

Si queréis ver un ejemplo, mirad una de mis historias (que no soy capaz de terminar, ag) en El Oculto-

Aunque hay una plantilla para descargarse con un formato parecido, yo he hecho todo el proceso "a mano", siguiendo- y no siguiendo... porque todo termina a mi manera- las instrucciones de Dummies.

Ya aviso, de antemano, que es algo complejo... sobre todo por el ttrabajo que implica. Pero quien quiera ver su obra en un blog, con un formato bonito, no puede dejar de hacerlo:

1º.- Descargaros cualquier plantilla, aunque una "Mínima" queda bien. Y es que vuestro Libro será el único objeto del blog.

2º.- Cread una Tabla de Contenidos:
Id a Edición de Plantilla, expandedla y hallad la siguiente tag:

<div id='main-wrapper'>

<b:section class='main' id='main' >

Detrás del "main" de la segunda línea, añadid: maxwidgets='2' showaddelement='yes'>

Así tendréis otro "Elemento de Página" en la cima de vuestras Entradas del Blog.

Acudid, entonces, a la Plantilla y añadid, en el nuevo Elemento de Página, un HTML con el siguiente contenido:

<table border="0" bordercolor="#000000" cellpadding="0" width="100%" bgcolor="#000000"><tbody><tr><td><table border="40" bordercolor="#fbf5c1" cellpadding="0" width="100%" height="500" bgcolor="#ffffff"><tbody><tr><td>Table of Contents

<center>

<table cellpadding="5" width="169"> <tbody><tr> <td width="121"> <div align="center">

<pre><a href="http://newcastleofotranto.blogspot.com/2007/01/preface-to-first-edition.html">Preface to the First Edition</a></pre>

</div></td> </tr> <tr> <td><div align="center"><a href="http://newcastleofotranto.blogspot.com/2007/01/chapter-i.html">Chapter I</a> </div></td> </tr> <tr> <td><div align="center"><a href="http://newcastleofotranto.blogspot.com/2007/01/chapter-ii.html">Chapter II</a> </div></td> </tr> <tr> <td> <div align="center"><a href="http://newcastleofotranto.blogspot.com/2007/01/chapter-iii.html">Chapter III</a></div></td> </tr> <tr> <td><div align="center"><a href="http://newcastleofotranto.blogspot.com/2007/01/chapter-iv.html">Chapter IV</a> </div></td> </tr> <tr> <td><div align="center"><a href="http://newcastleofotranto.blogspot.com/2007/01/chapter-v.html">Chapter V</a>

</div></td> </tr> <tr> <td>

</td> </tr> </tbody></table>

</center>

</td></tr></tbody></table></td></tr></tbody></table>

© 1765 by Horace Walpole

¡OJO!: AQUI TENEIS QUE REEMPLAZAR LAS URL Y DATOS DEL LIBRO Y TABLA POR LAS VUESTRAS PROPIAS. Porque éstos son los datros del ejemplo de Dummies, con "El Castillo de Otranto" (una de mis obras favoritas, por cierto, de la literarura gótica. Os recomiendo leerla... yo la tengo en uno de mis grupos traducida al español).

2º.- Añadir tags condicionales, para dejar en la vista del blog sólo la Tabla de Contenidos, sin desplegar los posts-entradas:

Id a Edición de Plantilla y encontrad esta tag:

<b:includable id='main' var='top'>



xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

<div class='blog-posts'>

Sustituid las "xxxxxxxxx" por lo siguiente:

<b:if cond='data:blog.pageType == "item"'>

Colocad un </b:if> detrás del cierre del primer "div"

3º.- Expandid la plantilla y encontrad este widget:
<b:widget id='HTML1' locked='false' title='' type='HTML'>

<b:includable id='main'>

Añadid ésto, inmediatamente después de la segunda línea:

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

Y añadid este cierre: </b:if> inemdiatamente antes del cierre del b: includable, de manera que el widget os quede así:

<b:widget id='HTML1' locked='false' title='' type='HTML'>

<b:includable id='main'>

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

WIDGET CODE

</b:if>

</b:includable>

</b:widget>

Esto hará que la Tabla de Contenidos se vea sólo en la Página Principal-Main o como queráis llamarla.

4º.- Para dejar "curiosa" la sidebar, con vuestro perfil y el del Libro, id a "Añadir un Elemento de Página-HTML-JAVA", e insertad lo siguiente, cuidando de reemplazar los datos del ejemplo por los vuestros. En mi caso, como "El Oculto" no está publicado, ni falta que le hace, no tengo imagen del Libro, por lo que la he sustituído por mi avatar, el del perfil:

<h2 class="sidebar-title">About the Author</h2> <h2 class="sidebar-title">About Me</h2> <a href="http://www.blogger.com/profile/4709592"> <img alt="My Photo" width="58" src="http://photos1.blogger.com/blogger/7384/574/320/horace.jpg" height="80"/> </a> Horace Walpole 

London, United Kingdom I would have blogged this novel for NaNoWriMo if it had existed in 1765. Instead, I'm blogging posthumously. <a href="http://www.blogger.com/profile/4709592">View my complete profile</a> 

<h2 class="sidebar-title">About the Book</h2>

<a href="http://newcastleofotranto.blogspot.com/">

<img width="110" src="http://photos1.blogger.com/blogger/7384/574/1600/otranto.jpg"/></a>

The Castle of Otranto

Published in 1765, this work is considered the first gothic novel in the English language; its supernatural happenings and mysterious ambiance were widely emulated in the genre.

5º.- Para eliminar el "subscribe esta Entrada" (que queda muy feo en un Libro), id al cierre skin de vuestra plantilla, y colocad, inmediatamente antes, lo siguiente:

.feed-links { display:none; }

6º.- Eliminar los "links de "entradas previas, entradas antigüas":
Bajad la plantilla hasta el elemento "Navigation" y eliminad ésto:



<b:include name='nextprev'/>

7º.- Ahora vamos a colocar pestañas horizontales en la cabecera y el pie de nuestra plantilla y blog:

Abrid y expandid la plantilla y encontrad ésto:

<div id='header-wrapper'>

<b:section class='header' id='header'>

<b:widget id='Header1' locked='true' title='VUESTRO TITULO (Header)' type='Header'/>

Cambiad la segunda línea por ésto:

<b:section class='header' id='header' maxwidgets='3' showaddelement='yes'>

Cambiad el "true" por "false".
Esto hará que podáis desplazaros a la cima del blog para insertar las pestañas. Id, entonces, al nuevo Elemento de Página y escoged "Etiquetas", para aladirlas a la cabecera de vuestro blog.

Volved a Edición de plantilla, expandidla y encontrad lo siguiente:

<b:widget id='Label1' locked='false' title='Labels' type='Label'>

<b:includable id='main'>

Añadid, detrás, ésto:

<br /><div id='tabsG'><br /><br /><ul><br /><li><a href='http://newcastleofotranto.blogspot.com/index.html' title='Home'><span>Home</span></a></li><br /><li><a href='http://newcastleofotranto.blogspot.com/2007/01/preface-to-first-edition.html' title='Preface'><span>Preface</span></a></li><br /><li><a href='http://newcastleofotranto.blogspot.com/2007/01/chapter-i.html' title='Chapter I'><span>Chapter I</span></a></li><br /><li><a href='http://newcastleofotranto.blogspot.com/2007/01/chapter-ii.html' title='Chapter II'><span>Chapter II</span></a></li><br /><li><a href='http://newcastleofotranto.blogspot.com/2007/01/chapter-iii.html' title='Chapter III'><span>Chapter III</span></a></li><br /><br /><li><a href='http://newcastleofotranto.blogspot.com/2007/01/chapter-iv.html' title='Chapter IV'><span>Chapter IV</span></a></li><br /><li><a href='http://newcastleofotranto.blogspot.com/2007/01/chapter-v.html' title='Chapter V'><span>Chapter V</span></a></li><br /></ul><br /></div><br />

¡OJO!: LO MISMO DE SIEMPRE: REEMPLAZAD LOS DATOS Y URL DEL EJEMPLO POR LOS VUESTROS.

8º.- Añadimos ahora el CSS de las pestañas a nuestra plantilla, antes del cierre skin:

/*- Menu Tabs G--------------------------- */

#tabsG {
float:left;
width:100%;
background:#666;
font-size:93%;
margin-top:15px;
margin-bottom:10px;
line-height:normal;
}
#tabsG ul {
margin:0;
padding:10px 10px 0 50px;
list-style:none;
}
#tabsG li {
display:inline;
margin:0;
padding:0;
}
#tabsG a {
float:left;
background:url("tableftG.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#tabsG a span {
float:left;
display:block;
background:url("tabrightG.gif") no-repeat right top;
padding:5px 15px 4px 6px;
color:#FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsG a span {float:none;}
/* End IE5-Mac hack */
#tabsG a:hover span {
color:#FFF;
}
#tabsG a:hover {
background-position:0% -42px;
}
#tabsG a:hover span {
background-position:100% -42px;
}

9º.- Haced lo mismo para el "footer", es decir, la sidebar abajo del blog: añadirle un Elemento de Página "Etiquetas", y el "div" con las url de nuestro Libro que he comentado en el paso 7º.

Complicadito, ¿a que sí?. Pues si queréis ahorraros todo este trabajo, descargaros la plantilla AQUÍ. Y ya me gustaría que alguien me comentara qué tal le fue descargándola, porque no la he probado.

post-Firma

Mostrar foto-Imagen de su autor en un comentario

2007-02-18T01:59:00.000+01:00

Mañana lo cuento...
Hoy sólo decir que si picáis en alguno de mis comentarios, podéis ver cómo funciona el hack (esperad una gotina: son unos segundos los que tarda en aparecer la foto junto al comentario).

Es muy sencillo de insertar... lo complicado es elegir el "script"... porque yo he mirado tres antes de decidirme a incluir el hack en mi blog...

Qué pereza me da explicar... en fín: Allá vamos:

Decía que lo complicado era elegir el script... y es que hay tres posibles: el de Purplemoggy; el de Singpolyma (estos son los originales); y el de Trucos Blogger.

Personalmente, me he quedado con este último script:

<script src='http://leonelhack.googlepages.com/blogger_comment_photos.js' type='text/javascript'></script>

<script type='text/javascript'>

//<![CDATA[

BloggerProfiles.noimage = 'http://img139.imageshack.us/img139/1011/defaultavatarad7.png'

BloggerProfiles.imageWidth = 60;

BloggerProfiles.imageHeight = 75;

addLoadEvent(function(){showCommentPhotos('commentphoto','comment-author', 1);});

//]]></script>

A incluir antes del cierre de la tag "head".

2º.- Expandid la plantilla y hallad el bloque de los comentarios, para dejarlo así:

<dl id='comments-block'>

<b:loop values='data:post.comments' var='comment'>

<dt class='comment-author' expr:id='"comment-" + data:comment.id'>

<div class='commentphoto' style='float:right;'/>

<a expr:name='"comment-" + data:comment.id'/>

<b:if cond='data:comment.authorUrl'>

<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>

<b:else/>

<data:comment.author/>

</b:if>

<data:commentPostedByMsg/>

</dt>

<dd class='comment-body'>

<b:if cond='data:comment.isDeleted'>

<data:comment.body/>

<b:else/>

<data:comment.body/>

</b:if>

</dd>

<dd class='comment-footer'>



<a expr:href='"#comment-" + data:comment.id' title='comment permalink'>

<data:comment.timestamp/>

</a>

<b:include data='comment' name='commentDeleteIcon'/>



</dd>

<div style='clear:both;'/>

</b:loop>

</dl>

Cuando apliqué el hack de PurpleMoggy, cambié el "right" a "left"... no sé por qué, pero me gustan las cosas alineadas a la izquierda. Prefiero no sacar conclusiones...

post-Firma

Imagen del autor de la entrada

2007-02-18T01:42:00.000+01:00

Tas el texto de la entrada, figura un "posted by "Fulanit@" o un "publicado por Menganit@". Yo quité el "publicado por" y dejé sólo mi nik.
Este nik puede ser reemplazado (o coexistir con él, como hice yo) por la imagen del autor-su foto, su avatar...- o por una imagen cualquiera que deseéis.

Sólo hay que hacer lo siguiente:

1º.- Id a Edición de plantilla y expandedla. Encontrad el post-footer-line post footer-line1:

<b:if cond='data:top.showAuthor'>

<data:top.authorLabel/> <data:post.author/>

</b:if>

Eliminad el data: post.author/ de la cuarta línea (Label) si queréis que la imagen reemplace al nik... si no queréis eliminar el nik, sino sólo añadirle la imagen, dejadlo como está y sólo añadir detrás, lo siguiente (en ambos casos):

Comprobad en "Vista Previa" que todo va bien y guardad. Listos.

.

post-Firma

"Entradas recientes" bajo la entrada

2007-02-18T01:07:00.000+01:00

Pues eso mismo: cuando piquéis en una entrada para ver su contenido, bajo la misma, tras las etiquetas, marcadores y demás, aparecere "Ayu&Kaos Entradas recientes", con las últimas cinco entradas del blog.

Y lo hice de la siguiente manera:

1º.- Id a "Opciones-Feed" de vuestra plantilla y abrid el formato completo. En la ventana para añadir un feed que aparecerá en el pie de vuestras entradas, poned ésto:
http://EL NOMBRE DE TU BLOG.blogspot.com/feeds/posts/default?alt=rss
Aceptar y guardar.

2º.- Convertid ese nuevo RSS en un script de java, acudiendo a alguna página al efecto como, p.e., itde, en la que tendréis que ingresar la URL que habéis guardado en el Feed de vuestro blog, y elegir entre las opciones de configuración que os dan. Picad en "vista previa" cuando esté todo listo y fijáos en que salga correctamente la lista de entradas de vuestro blog. Si no es así, es que algo está mal hecho...
Una vez que lo veáis todo correcto, picad en el generador de java, y guardad el código que allí aparece.

3º.- Id a "Añadir un Elemento de Página" y escoged "HTML-JAVA": allí insertaréis el código anterior, pondréis un título (para reconocerlo más tarde) como "Entradas más recientes" o lo que os apetezca, y guardaréis el Elemento.

4º.- Id a Edición de plantilla, y expandedla.

a).- Encontrad el main-wrapper b: section class=main id= main, y añadid aquí detrás "maxwidgets="4" showaddelement=yes".

b).- Encontrad en la sección "sidebar" el widget que habéis creado en "Añadir Elemento de Página HTML-Java" y quitadlo de esa ubicación para ponerlo bajo los entradas de vuestro blog. Es decir: bajad la plantilla hasta terminar todos los elementos de pie de entrada (marcadores, iconos, breadcrumbs...) e insertad el widget justo detrás del cierre del b: widget "entradas del Blog", que es el que contiene todos los elementos.
Detrás de vuestro widget "Entradas recientes" sólo debe quedar el cierre de "b: includable" y el cierre del "div"
Guardad y listos. Ahora tengo que comprobar si se actualizan las entradas recientes...
Vía: Dummies

PD: Este hack tiene un "bug"... es decir: que falla y, además, da error. Por eso he preferido eliminar el Elemento de Página con el código del conversor de RSS-script e introducir un nuevo Elemento de Página-Feed, con la URL de feed que hemos usado en este hack. Así, sencilla y directamente, tenemos nuestra ventana de Entradas Recientes. Luego, sólo hay que desplazar el widget detrás de las "Entradas del Blog" en la Edición de plantilla.

post-Firma

Tres nuevos hacks...

2007-02-18T00:58:00.000+01:00

He instalado en el blog un muñequín-que debiera ser mi avatar, pero... preferí poner el emoticón-, al lado de mi nik (en teoría, debiera subsitiur a éste... pero me gusta más así: nik y muñeco).

2º.- He insertado un hack para visualizar la foto-imagen del autor de un comentario, junto a éste.

3º.- Por último, he configurado mi plantilla para que despliegue, bajo la entrada, las últimas cinco entradas del blog (cuando piquéis en una entrada, veréis que debajo aparece "AyudaKaos, Entradas Recientes").

Y lo explico, por partes...

post-Firma

Valorar las entradas ("Rate this post")

2007-02-16T10:55:00.000+01:00

Podéis verlo en el pie de cada una de mis entradas.
Se trata de valorar, picando en las estrellitas, la entrada correspondiente: se abre una ventana nueva en la que se te pide valorar con las estrellas, así como el nombre de usuario y la contraseña.
Luego cuento más.... ahora no tengo tiempo.
Sigo:
Sólo hay que insertar en el post.footer-line-1 lo siguiente:
Rate this post: <script charset='utf-8' expr:src='"http://www.newsgator.com/ngs/ratings.aspx?rurl=" + data:post.url' type='text/javascript'/> (data provided from <a href="http://www.newsgator.com">NewsGator Online</a>

Y cambiar, si se quiere, el "rate this post"

Vía: Messengr.com

post-Firma

¡YA!

2007-02-16T00:41:00.000+01:00

He cambiado los fondos, borde, encabezados, pies, texro, vínculos, "paddings", "floats", cajas... estoy mareada como una cuba con tanto color, después de haber estado sin él... y desconcertada: los colores de fondo negro de algunos blogs, me han retirado de leer en ellos... queda muy distinguido, pero... me dejan ciega los contrastes con el color del texto (sobre todo si es blanco).
Hoy he tenido un momento en el que he pensado en rescatar mi vieja tarjeta gráfica... sin colores....

post-Firma

Anda...

2007-02-15T00:41:00.000+01:00

Pues no me ha salido un "Josè Mª Pemán en las tooltips del blog... si me va "traduciendo" todas las expresiones en inglés... alucino con este ordenador nuevo...

post-Firma

Got in Himmel!!

2007-02-14T22:16:00.000+01:00

Perdón... glups...
Es que me han instalado el nuevo ordenador y ¡VUELVO A VER COLORINES!.
Y me he "percatado" del desastre de blog que tenía... a causa de las tablas...
¡Coime!: ¡No había quien leyera por culpa de tanta fotito de flor-calavera!.
Y yo a uvas... sin poder verlas por culpa de mi tarjeta gráfica... y nadie que avisara...
Qué mundo éste de internet, je...
Anda: menos mal que me gusta y "trabajo" para mí, que si no... es como para mandar al mundo mundial a freir monas...

post-Firma

Tablón o "sticky note"

2007-02-14T10:25:00.000+01:00

No está de más tener un "tablón de mensajes bajo el título, en el que poder insertar texto, imágenes, HTML-Java... lo que a uno le parezca bien en cada momento...
Esta es la idea que más me gusta (queda mejor que las anteriores que probé: incluso mejor que la que había "adoptado" para "Es-Tress", basándome en una idea de Dynamicdrive). Y bueno... ahí podéis verlo bajo el título del blog, sobre la barra de menú.

Es tan fácil como editar en la plantilla los siguientes códigos, apuntados por Beautiful Beta:

1º.- Añadir una sección nueva a la plantilla (dentro del "content wrapper", p.e. o del "Header Wrapper", según gustos y necesidades):
<div id='message-board'>

<b:section class='msgbrd' id='msgbrd' maxwidgets='1' showaddelement='yes'/>

</div>

2º.- Añadir a la plantilla una nueva definición de Variable (evidentemente, en la sección "Definición de Variables"):

type="color" default="#336699" value="#336699">
type="color" default="#000000" value="#000000">

3º.- Definiendo el CSS (a insertar dentro de la "skin"):
/* Messageboard */

.msgbrd h2 {
display: none;
}

.msgbrd .widget-content {
padding: 2px 2% 2px;
background-color: $bgMsgBrd;
border: 4px solid $borderMsgBrd;
color: $colMsgBrd;
font: $MsgBrdFont;
}

4º.- Guardad la plantilla e id al Diseño de Plantilla: allí podréis ver que se ha creado un nuevo "Añadir Elemento de Página", sobre las "Entradas". Ahora podéis crear un nuevo elemento: de texto, imagen o lo que os apetezca poner en vuestro Tablón.

post-Firma

Cómo poner "cosas" en la cabecera (las que pondrías normalmente al pie de la entrada)

2007-02-14T01:59:00.000+01:00

Echad un vistazo en Ways of putting searchbar, AdSense ad units, link units, hyperlinks, text, etc in the Blog Header as well as above the post in every page de Tips and Tricks

Yo no he puesto Adsense-ni falta que me hace, je-en ninguno de mis blogs... pero me ha parecido muy curiosa la idea y la he "colocado" en uno de mis blogs de prueba.
Tengo que mirarlo con más detenimiento...

post-Firma

Página, Entrada... Arriba

2007-02-12T23:42:00.000+01:00

Es lo que he instalado hoy en el pié de mis entradas... a veces, cuando la entrada es muy larga, me eternizo subiendo la barra.
Así me resulta más fácil llegar al inicio.

Es un código sencillo, a insertar en post. footer-line, mejor justo detrás de la tag "icons":



<a href='javascript:scroll(0,0)' title='Scroll to top of this page'>Top of Page</a>

<a expr:onclick='"javascript:document.getElementById(\"post-" + data:post.id + "\").scrollIntoView(true);"' href='javascript:void(0);' title='Scroll to top of post'>Top of Post</a>

Quien quiera, como yo he hecho, que cambie lo que quiera que aparezca en el "title" (tooltip) y a la vista, antes del cierre de la tag "a"

Vía: Beautiful Beta

post-Firma

Marcador Google

2007-02-12T09:38:00.000+01:00

Puestos a insertar marcadores (aunque ya lo tengo incluído en el "Social Bookmarking" de mi plantilla) ahí va también el "Social Bookmarking de Google". Podéis ver el simbolito antes de "Digg" y "Del.icio.us".
He marcado unas cuantas etiquetas para ver cómo funciona (si algún día tengo ganas, las marcaré todas).
Y lo hice así-siguiendo las directrices de Beautiful Beta-:

.- Expandir la plantilla y añadir lo siguiente en la parte que tengáis los otros marcadores (normalmente, post-footer-line):

<a expr:href='"http://www.google.com/bookmarks/mark?op=add&bkmk=" + data:post.url + "&title="+data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",19);"' target='_blank'><img alt='Google' src='http://home.planet.nl/~hansoosting/images/icon_sb_goo.gif'/></a>

post-Firma

Color de fondo para los comentarios

2007-02-12T00:37:00.000+01:00

Mira que soy osada... con la tarjeta gráfica pocha, que no me muestra ni un sólo color de fondo... me atrevo a cada cosa...
Pero, ya que en unos días voy a tener mi nuevo pc, pues así tengo parte del "trabajo" hecho, para cuando pueda ver bien todos los colores de mi blog. Así que he cambiado el CSS de mis comentarios, para que tengan un color de fondo distinto, dependiendo que sean del autor o de las visitas, siguiendo las instrucciones de Vivek Sanghi De momento, mantengo los mismos colores que ella inserta en su blog, hasta que yo-¡por fín!- pueda ver los míos con una nueva tarjeta gráfica (qué más me da que me cuenten que son "grey" o "green"... si no puedo verlos ahora mismo, uf).
En esta ocasión, no pongo código alguno, pues depende de vuestras plantillas, de si tenéis insertado el hack de Hackosphere para "ilumnar" los comentarios de autor y.... mejor que acudáis a la fuente.

post-Firma

Lo que llaman "colorear" los posts

2007-02-12T00:01:00.000+01:00

Y que no es sino añadir dos marcadores (ya podéis verlos al final de mis entradas).
He escogido la fórmula de Hackosphere para integrarlos en mi blog (ay... todo lo tengo que probar...) y, claro está, no me ha quedado otra que añadir los botones de "Del.icio.us a mi navegador, para ver cómo funcionan, así como añadir que te añadir tags, para ver cómo queda (ya no me quedan ganas para Digg).

El código de Hackosphere lo colocáis donde os plazca, pero sin saliros de los post-labels; post-footer-line (porque imagino que querréis colocarlo al final de cada una de vuestras entradas, ¿no?). Eso sí: he eliminado un /span que no pintaba nada al final de la tag:

<a expr:href='"http://digg.com/submit?phase=2&url=" + data:post.url + "&title=" + data:post.title' target='_blank'>DiggIt!</a> <a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' target='_blank'>Del.icio.us</a>

Ese /span es el que he suprmido a la hora de insertar el código en mi pantilla.

Y ya está (voy a ver cómo funciona lo de las "Pipes" de Yahoo... parece divertido)

post-Firma

Tooltips con imagen

2007-02-11T18:09:00.000+01:00

Creo que ya he comentado en alguna ocasión, acerca de estos "títulos" que salen en algunas expresiones de nuestros blogs, cuando pasamos el ratón por encima.
Algunos blogroll las utilizan también para mostrar, junto al link, una imagen de la web que recomiendan (queda muy guapo, pero pesa mucho... sobre todo si hay muchos links en el blogroll). Ahora, vamos a hacer una
prueba:
Como véis, al pasar el ratón sobre "prueba", sale un muñequín. Lo mismo podéis hacer especto de un link y su imagen o respecto de un texto cualquiera (insertando en la tooltip una palabra o una imagen, como queráis).
Las claves para que funcione tan estupendamente, las tiene Vagabundia, así:

1º.- Insertar el CSS de la tooltip en la edición de plantilla:
a.Ntooltip {
position: relative;
text-decoration: none !important;
color:#0080C0 !important;
font-weight:bold !important;
}

a.Ntooltip:hover {
z-index:999;
background-color:#000000;
}

a.Ntooltip span {
display: none;
}

a.Ntooltip:hover span {
display: block;
position: absolute;
top:2em; left:2em;
width:250px;
padding:5px;
background-color: #0080C0;
color: #FFFFFF;
}

("Ntooltip" es la denominación que jmiur le ha dado a la herramienta, para diferenciarla de otras posibles en la plantilla. Podéis cambiar todas las definiciones de colores, p.e.)

2º.- Insertad la siguiente tag donde queráis que aparezca vuestra tooltip:
<a class=Ntooltip href="">prueba:( o un link) <img src="URLIMAGEN" alt="TÍTULO"> </a>

(He utilizado la función "alt": en otro caso, la tooltip no me funcionaba)

Como véis, es una especie de "lightbox". Solo que más ligera y con muchas posibilidades.

post-Firma

Sobre la imagen de mi perfil

2007-02-10T21:16:00.000+01:00

He caído en que no lo había dicho: es "Imogen" de Herbert.
(Me encanta la pintura... sobre todos los prerrafaelistas. Y, de hecho, tengo cientos de cuadros alojados en grupos de MSN, para poder tener a mano una "Pinacoteca" a mi gusto y manera)

post-Firma

Ya "en vena"...

2007-02-10T17:18:00.000+01:00

Es decir: ya que estoy con el tema, a colación del "Messenger" de Protesto...
Hace tiempo que vengo viendo cosas... quizás como fuera de la red: en realidad no somos nada distintos aquí dentro y "fuera".
Pocos son los blogs que no innovan, pues cada blogger adpta los hacks a su particular diseño,por regla general. Al menos es lo que yo vengo haciendo desde que entiendo un poco ésto de los lenguajes del nuevo Bogger.
El tema es que, al menos a mí, no se me ocurre anunciar a bombo y platillo, por cada modificación que hago, que "HE INVENTADO MI PRIMER HACK". Sobre todo si mis modificaciones se han basado en un hack pre-existente. No entiendo entonces que mi mérito vaya más allá de la adaptación. El resto es... "copieteo".Aunque el "copieteo" lleve, muchas veces su buena dosis de esfuerzo y fracaso hasta hallar el resultado que mejor se nos adapta... un auténtico "hack", en realidad (ahora que lo pienso)

Y ésto es mucho de lo que veo en la red: hacks ya "inventados" que se adaptan, muchas veces, y hacen parecer "nuevos" con sólo sacarse de la manga un script "de autor" y advertir de su añadido al /head de las plantillas que pretendan usarlo. Ahí es dónde encuentro yo el verdadero "timo"

Y cuántas veces me sorprendo examinando el hack original y el "clon"... descubriendo que este último sólo cambia de aquél... la autoría.

En fin: porque a mí no me guste esta forma de operar, no quiere decir que lleve razón. Pero no me gusta.

Y es que, ayer, descubrí un blog de esos que no son de la "élite", que contenía, desde hace muchas fechas, un hack para insertar nuevas sidebar en la plantilla. Y pensé: "seguro que alguien se ha fijado... y "creado" su propio hack a partir de éste... sin concederle el menor mérito ni alusión".

Y conste que no dudo ni por un momento de la genialidad de muchos de estos hackers de "élite"... pero sí dudo de la de otros.

Al fín y a la postre, a mi juicio, son y seguirán siendo hackers de "élite"-aunque no me gusta ni un pelo esta palabra- todos aquéllos que REALMENTE INNOVAN. Y aquéllos que puede que no innoven tanto, pero que hacen fáciles los hacks con sus explicaciones- contribuyendo tanto a difundir la obra de otros, como a facilitar su elaboración a loss demás- Y ATRIBUYEN LOS MERITOS Y AUTORIAS CORRESPONDIENTES.

Tanto unos como otros, cuentan con todo mi respeto. No así los demás.

post-Firma

Acerca de Protesto y Messenger.com

2007-02-10T17:10:00.000+01:00

Google ha dejado a Protesto sin "Messenger"... porque dice que es el suyo un blog "spammer". Y creo que están equivocados.
Ese blog, amén de hacer publicidad de Mesengger, tenía cantidad de muy buenos hacks; y, que yo sepa, no iba por ahí dejando "basura" como dejan olos "auténticos" spammers y mal denominados "hackers-destripa-blogs".
Os dejaré ("En la Red") el comunicado que ha hecho Hackosphere para intentar ayudar a Protesto y devolverle "Messenger". Cre que sería muy justo que Google reconociera su error y le devolviera su blog.
Intentaré ayudar algo al respecto, aunque... soy una de esas bloggers que cuentan todos sus trucos y hallazgos, otorgando el mérito siempre a quien corresponde... y dudo que se me tenga en cuenta. En fín...

Pd: prefiero dejarlo aquí, por si ahí abajo de mi sidebar nadie mira:

Help our friend Deniz de Hackosphere

post-Firma

Comentarios en la barra-menú

2007-02-10T05:43:00.000+01:00

Ni sé cuánto tiempo llevo intentando que me "reaccione" mi feed de feedburner... pero parece que ya lo he conseguido. Al mismo tiempo, he estado buscando la fórmula para insertar los comentarios en el menú: Hacía tiempo que me preguntaba que si podía tener las entradas del blog ahí, a ver por qué no podía tener también los comentarios. Pero no conozco ningún blog con un hack semejante, así que... he tenido que apañármelas solita. No parecía tarea fácil, pero lo he conseguido; y de la manera más tonta:

Puesto que tengo sólo tres comentarios, mal contados, y todos míos (je),y mi feed sólo me despliega las entradas más recientes, me las compuse para poder ver aquéllos en una ventana aparte.
Al insertar en el menú el apartado de "Comentarios", con la URL que todos conocemos ya de "nuestro blog/feeds/comments/full", me percaté de que se abre una ventana preguntando si queremos guardar el archivo... de forma que no se despliegan "automáticamente" los comentarios. Así que los guardé en un archivo nuevo y coloqué la URL del mismo como URL de mis "COmentarios" en el menú. Y andando... funciona muy bien.
Si alguien tiene alguna duda, que me pregunte.

Pd: ¡Conseguido!. He integrado mis comentarios en Feedburner y ya los tengo a la vista, con su sindicación, en la barra-menú.
Sólo he tenido que que dar de alta en Feedburner "mi URL feeds/comments/full" e insertar la dirección del feed en mi menú.
¡Se acabó el andar mostrando los comentarios recientes en la sidebar!.
Y me ha llevado menos de cinco minutos, je... soy un fenómeno ;)

post-Firma

Traductores

2007-02-09T01:48:00.000+01:00

Por si alguien se da cuenta: que he eliminado los traductores de Google que había al pie de cada una de mis entradas... a parte de ocupar mucho sitio, no valían para nada (no traducían, o sea que... fuera). De forma que he instalado-bajo la cabecera- algo menos "sofisticado" y amplio, pero útil (al menos este traductor traduce)

post-Firma

Sobre "En la Red"

2007-02-09T00:48:00.000+01:00

Es una especie de "seguimiento" de las entradas recientes en los blogs que suelo leer.
El problemilla es que no tengo tanto tiempo ni tantas ganas como para entrar a diario a leer en todas ellas y poner los v´nculos de sus entradas más recientes.
Pero ahí queda el ejemplo,por si alguien tiene ganas, paciencia y tiempo: todo hecho a base de "a href="
Más fácil, imposible...

post-Firma

Cambio de "Comentarios"

2007-02-08T01:53:00.000+01:00

He cambiado el "widget Comentarios" de mi sidebar por otro sistema, que me permite visualizar la fecha y el título de la entrada en la que se hizo, además de redirigir el comentario a ésta cuando se pulsa "more" (¡y vive Zeus, que como yo lo entiendo perfectamente en inglés, paso olímpicamente de andar trasteando otra vez para colocarlo todo en español!)

Y mañana lo cuento, porque llevo toda la noche luchando contra Google, que me deja tirada en cuanto estoy guardando la plantilla... una cosa tan fácil me ha llevado tres horas, por lo menos, con tanto que me ha "tirado" Blogger. Grrrrrrrrrr
---------------------
En unos días cambio (¡al fín!) de ordenador, así que más vale que lo explique ahora, por si acaso:
Es cosa de Beautiful Beta Y tan sencilo como ésto:

1º.- Ir a Diseño de Plantilla-Añadir un Elemento de Página-Feed, y crear un Elemento "Comentarios" (o el nombre que gustéis). La URL a insertar será ésta:
http://(URL DE VUESTRO BLOG)/feeds/comments/full.
Y, hasta aquí, es lo que siempre hemos hecho para poner los comentarios más recientes.
Pero si queréis exhibir tambien el título de la entrada a la que pertenece el comentario y poder leerlo entero, mediante redirección a su entrada con un "más-more", entonces necesitamos otro paso:

2º.- Editar HTML Plantilla y expandir:
Añadid, antes del / cierre head
<script src='http://home.planet.nl/~hansoosting/downloads/beautifulbeta.js' type='text/javascript'/>

3º.- Bajad la plantilla hasta los widgets y buscad allí el "Comentarios" que habéis creado, y que se parecerá a ésto:
<b:widget id='Feed2' locked='false' title='Recent comments' type='Feed'/>

(El número del Feed puede aparecer como "1").

Reemplazad todo el widget por ésto:
<b:widget id='Feed2' locked='false' title='Recent comments' type='Feed'>

<b:includable id='main'>

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

<div class='widget-content'>

<ul expr:id='data:widget.instanceId + "_feedItemListDisplay"'>

<b:loop values='data:feedData.items' var='i'>

<li>

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

<b:if cond='data:i.str_published != ""'>



On <data:i.str_published/>



</b:if>

</b:if>

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

<b:if cond='data:i.author != ""'>



 - <data:i.author/> commented on



</b:if>

</b:if>

<script type='text/javascript'>getPostTitle("<data:i.alternate.href/>")</script> :



<data:i.title/> <script type='text/javascript'>getCommentLink("<data:i.alternate.href/>")</script>



</li>

</b:loop>

</ul>

<b:include name='quickedit'/>

</div>

</b:includable>

</b:widget>

Ya está.

Podéis cambiar las expresiones del tipo "Commented on" por su equivalente en español, p.e.

post-Firma

Lista de todas las Entradas y Comentarios

2007-02-07T10:59:00.000+01:00

Hoctro's tiene un nuevo Hack, consistente en mostrar en el blog todas las entradas y comentarios ¡Todos!.
Lo he insertado en AYUDA para que podáis verlo... aún está muy "verde", porque hacen falta cosas-a mi juicio- como añadirle un "Peek-A-Boo (o llenarán toda la página, si en el blog hay mucho movimiento); quitarle los "br" a las separaciones entre unos y otros textos y párrafos; añadir autor y fecha; y ver la posibilidad de colocarlo en la sidebar, donde no "estorbe" mucho. Si a alguien le interesa, pongo el código... en cualquier caso, siempre podéis ir a la Fuente (Hoctro's)

post-Firma

¡NUNCA!

2007-02-07T10:03:00.000+01:00

Jamás se os ocurra probar un hack que el autor no ha insertado en su propia plantilla ni da señas de haberlo probado, limitándose, en muchos casos, a remitir a otro blog donde sí esta insertado.
Sospechad, pues: de la autoría del hack o de su eficacia.
Para muestram, el hack sobre insertar párrafos, que acabo de modificar en la entrada: pues si bien funcionaba normalmente colocando el código sobre el cierre skin... ay, amigo: se me ocurrió hacer caso de la sugerencia del autor, sobre colocarlo antes del body definitorio del cuerpo de la plantilla... y aunque a mí me sonaba pero que muy mal, decidí confiar en el autor del hack. Resultado: a la porra todo el cuerpo de mi plantilla-menos mal que tenía guardada una copia y he podido restablecerla- Excuso decir que, hace un momento, he escrito un comentario al respecto en la entrada del blog de marras.

De manera que... mejor sospecháis de los blogs que ofrezcan hacks que no han testado previamente (Coime!!: ¿tan difícil es?... ¡yo los pruebo todos antes de divulgarlos!).

post-Firma

Insertar párrafos cortos...

2007-02-06T16:36:00.000+01:00

En cualquier lugar del blog..
Si bien, yo no le veo mucha utilidad, por no decir ninguna...pero seguro que a alguien sí se le ocurre: por eso transcribo este hack de Tips and Tricks, por otra parte, sencillísimo

(sigo sin verle la utilidad... así que seguiré probando en distintos sitios del blog)

1º.- Abrid la edición de plantilla y colocad lo siguiente:

p {
text-indent: 20px
}
antes del cierre "style", para el antigüo blogger; antes del cierre /skin en el "Beta" (o como se llame ahora).

3º.- Ahora, en cualquier parte del blog donde se quiera indexar el párrafo, sólo hay que encerrarlo entre unas tags (PARRAFO) 
Esto es todo.

Integrar Feedburner Feed

2007-02-06T13:05:00.000+01:00

Es bastante complejo... más tarde intentaré explicarlo.
Se puede ver el resultado al final de mis entradas: donde decia "Entradas ATom", ahora dice "Suscribir Entradas RSS" y "Suscribirse a Enviar Comentarios RSS".
Lo dicho: más tarde vuelvo.

.....................

Bien: voy a intentar explicarlo. Para empezar, éste es un hack de PurpleMoggy´:

1º.- Id a edición de plantilla y expandidla:
En la cabecera, encontraréis (antes de las Definiciones de Variables) algo así:
<b:include data='blog' name='all-head-content'/>

Seguido de una tag "meta".

O no... porque en mi sand dollar no había "meta" por ningún sitio.

Bien: detrás de ese "include" al que me refiero, coloqué la susodicha tag meta:

<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/> <meta content='true' name='MSSmartTagsPreventParsing'/> <meta content='blogger' name='generator'/> <link rel="alternate" type="application/atom+xml" title="Minima Theme Switch Demo - Atom" href="http://feeds.feedburner.com/TUFeedburnerFeed" /><link rel="alternate" type="application/rss+xml" title="Minima Theme Switch Demo - RSS" href="http://feeds.feedburner.com/TUFeedburnerFeed" /><link rel="service.post" type="application/atom+xml" title="Minima Theme Switch Demo - Atom" href="http://www.blogger.com/feeds/ID DE TU BLOG/posts/default" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://www2.blogger.com/rsd.g?blogID=ID DE TU BLOG" />

Lo único que tenéis que cambiar aquí es la URL de vuestro feed de deedburner (si no os acordáis, entrad a mirarlo en vuestra cuenta de"My Feeds" de Feedburner).
Y donde dice ID, tendréis que reemplazar la ID del código por la de vuestro blog: esa serie de números que aparecen en la barra de vuestro explorador cuando estáis, p.e. en la edición de HTML de vuestro blog: "http://...com/post-edit.g?blogID=XXXXXXXXXXXXXXXXXXX

No os preocupéis porque en la "meta" se haga referencia a plantilla "Mínima": es la defición del hack del autor y no afecta en nada al resultado. Sólo cambiad lo que os comento: la URL de vuestro feed de Feedburner y las "rel" con vuestra IDblog.

2º.- Bajad la plantilla hasta la definición del LinksBody:

<b:includable id='feedLinksBody' var='links'> <div class='feed-links'> ...
e insertad ésto inmediatamente detrás de la "class":

<data:feedLinksMsg/> <b:loop values='data:links' var='f'> <b:if cond='data:blog.pageType == "item"'> <a class='feed-link' expr:href='data:f.url + "?alt=rss"' type='application/rss+xml'><data:f.name/> (RSS)</a> <b:else/> <a class='feed-link' href='http://feeds.feedburner.com/TUFeedburnerFeed' type='application/rss+xml'><data:f.name/> (RSS)</a>

</b:if>

</b:loop>

</div>

</b:includable>

Poned la URL de vuestro feed Feedburner donde dice "TUFeedburnerfeed".

Esto reemplazará el Atom por el RSS de feedburner en todas vuestras páginas (salvo el permalink)

Y se acabó...

post-Firma

Firmando, que es gerundio

2007-02-06T11:54:00.000+01:00

Una firma para el final de las entradas...
ví la idea en BlogU y me he confeccionado una a mi manera, para insertarla a mi manera:

post-Firma

Efectos de página

2007-02-05T23:54:00.000+01:00

Hay un montón en Dynamicdrive

Cada vez que el usuario cambia de página, se produce un efecto: de "cortina", "disolver", "ascensor", "círculo"... es decir: la página que se abandona forma un "dibujo" mientras desaparece, tras el que aparece la página escogida.

La mejor manera de entenderlo es viéndolo (he insertado el efecto "Vertical blinds". Para más efectos y el código de cada uno, id a la página. Sólo hay que insertar el código antes del cierre skin, p.e.- eso hice yo-)

Pd: Funciona mejor con los códigos provistos por HTMLBasik
...

Bordes muy "bordes"

2007-02-05T18:18:00.000+01:00

Comprobando si salen bordes en la imagen...
... Pues no.

Pero en algunas plantillas sí que se ven las imágenes "enmarcadas"... cuando no nos interesa (sobre todo porque no hemos elegido el "encuadre").

Pues nada: abrid la plantilla y fijáos, tras la definición de variables, en un "post. image" o "image", diseñado a "padding 4 px"... con un "bordercolor" como un templo. Eliminad el "bordercolor" y andando; o sustituidlo por un border:0px;
Así no vuelve a salir un solo borde, fijo

Flickr Fonts

2007-02-05T16:22:00.000+01:00

Pues mira... a mí ésto me marea, francamente...

Quien quiera "transcribir" textos, o signos de puntuación o la letra primera de la entrada (esto ya es otra cosa) o números, AQUÍ. Igual a alguien le interesa para crearse una cabecera...

Nueva Tabla de Contenidos

2007-02-05T08:22:00.000+01:00

Después de todo, he preferido excluir el Peek-A-Boo y poner la Tabla de Contenidos: creo que así resultará más fácil y cómodo para algunas personas alcanzar todos los contenidos de este blog.
A fín de cuentas, creo que ya he demostrado en estos dos meses aproximados que llevo en la blogosfera, que soy capaz de ejecutar y adaptar con éxito cualquier hack. Incluído cualquier Peek-A-Boo de los existentes, o cosas como un "Chrome-Menú" (que debe ser de lo más difícil que he encontrado). Pero ahora se trata de hacer de este blog lo más accesible posible... y creo que la Tabla de Contenidos lo consigue mejor que el Peek-A-Boo.

Tabla de Contenidos (OTRA)

2007-02-04T23:35:00.000+01:00

Esta tabla despliega todos los contenidos del blog en LA CABECERA, uno debajo de otro. Es muy clara de ver y fácil de ejecutar, sólo que no se puede insertar junto a un Peek-A-Boo Posts (el [+/-] que vemos junto a los títulos de las entradas, cuando picamos en una etiqueta y se despliegan todas las entradas que la contienen).

¿Por qué?: porque lo que queremos es ver una tabla de entradas-contenidos y no, además, un èek-A-Boo sobre el "Contenido". Vamos: que se duplican los "titulares".
De forma que... o Peek--A-Boo Posts o Tabla de Contenidos en la cabecera. Las dos cosas simultaneadas queda muy feo.

Supongamos que nos quedamos con esta tabla, como he elegido yo en este blog: así que empecemos con el código:

1º.-Encontrad en vuestra plantilla expandida el comienzo del b:includable id='main' var='top' y dejarlo como sigue:
(¡OJO!: EN ESTE CÓDIGO HE INCLUÍDO MIS "BREADCRUMBS": quien no las tenga insertadas, que elimine esta tag, pues no le sirve para nada sin el CSS: <b:include data='post' name='breadcrumbs'/>)

<b:includable id='main' var='top'>  <div class='blog-posts'>  <b:if cond='data:blog.homepageUrl != data:blog.url'> <b:if cond='data:blog.pageType != "item"'> <b:if cond='data:blog.pageType != "archive"'> <h2 class='date-header'>Contenidos</h2> </b:if> </b:if> </b:if>  <b:loop values='data:posts' var='post'> <b:include data='post' name='breadcrumbs'/>   <b:if cond='data:blog.homepageUrl == data:blog.url'> <b:if cond='data:post.dateHeader'> <h2 class='date-header'><data:post.dateHeader/></h2> </b:if> <b:else/> <b:if cond='data:blog.pageType == "item"'> <b:if cond='data:post.dateHeader'> <h2 class='date-header'><data:post.dateHeader/></h2> </b:if> <b:else/> <b:if cond='data:blog.pageType == "archive"'> <b:if cond='data:post.dateHeader'> <h2 class='date-header'><data:post.dateHeader/></h2> </b:if> </b:if> </b:if> </b:if>    <b:if cond='data:blog.homepageUrl != data:blog.url'> <b:if cond='data:blog.pageType != "item"'> <b:if cond='data:blog.pageType != "archive"'> <a expr:href='data:post.url'><data:post.title/></a> <b:else/> <b:include data='post' name='post'/> </b:if> <b:else/> <b:include data='post' name='post'/> </b:if> <b:else/> <b:include data='post' name='post'/> </b:if>  <b:if cond='data:blog.pageType == "item"'> <b:if cond='data:post.allowComments'> <b:include data='post' name='comments'/> </b:if> </b:if> </b:loop> </div>  <b:include name='nextprev'/>  <b:include name='feedLinks'/> </b:includable> 
Si miráis con calma el código, podéis ver que he eliminado la llamada al Pee-A-Boo Post (como he explicado antes, desvirtúa el aspecto de esta Tabla de Contenidos)

2º.- Aquí hay varias opciones:

Se trata de insertar en vuestra plantilla la URL que llevará a vuestras visitas a los CONTENIDOS del Blog, la Tabla o como vayáis a llamarlo. Esta es la URL:

http://yourblogURL/search/label/?max-results=999

Fijáos en reemplazar "yourblogURL" por la URL de vuestro blog.

Ahora, podéis incluirla en un elemento de navegación, llámese "etiqueta-pestaña", "menú-tab"... o como Link dentro del Diseño, Añadir Elemento de Página.
Cuando piquéis ahí, veréis todos los contenidos de vuestro blog en la cabecera, cada uno debajo del otro, perfectamente ordenaditos.

Y otra cosa: algunas personas comentan que las entradas más recientes no siempre son las primeras que se ven en la Tabla... y eso pasa cuando alguien "sube" una entrada antigüa al hacerle un comentario.

Beautiful Beta tiene una solución:

1º.- Añadir a la plantilla, antes del cierre skin, ésta definición:

.updateinfo { display:none; }

2º.- A la hora de crear una entrada, añadidle ésto:

UPDATE: Repaired some dead links. Content has not be changed.Aqui el resto de tu texto.

Ahora estarán vuestras entradas ordenadas por tiempo; y no cambiarán su lugar en la Tabla por muchos comentarios que se les hagan (ni se verá la tag de "actualización" en el texto de la entrada)

Tabla de Contenidos

2007-02-04T16:34:00.000+01:00

En la sidebar podéis ver la mía, junto a "Categorías más Buscadas", un hack, como éste, de Hoctro's Place

Explico el de la Tabla ("Showing Related Articles to your Post in Blogger") :

1º.- Id a Diseño-Plantilla "Feed" y aseguraros de que está activado.

2º.- Aquí mismo, en la acciones de "Archivo", aseguraros que tenéis activado el mostrar entradas.

3º.- Copiar el siguiente código que muestra Hoctro's en vuestra plantilla expandida, entre los widgets (puede ser éste el primero, el último o estar entre dos. Como queráis). En él podéis cambiar el número máximo de labels (var maxNumberOfLabels = 10)
a mostrar y el ´número máximo de entradas por label(var maxNumberOfPostsPerLabel = 4); poned otro número y listos.
También podéis quitar el "by Hoctro's" y su título para el hack:
<b:widget id='Blog2' locked='false' title='Blog Posts' type='Blog'> <b:includable id='comments' var='post'> </b:includable> <b:includable id='postQuickEdit' var='post'> </b:includable> <b:includable id='main'>    <div class='widget-content'> <h2>Related Articles by Labels</h2> <div id='data2007'/> <div id='hoctro'>Widget by <a href='http://hoctro.blogspot.com'>Hoctro</a> </div> <script type='text/javascript'> var homeUrl3 = "hoctro.blogspot.com"; var maxNumberOfPostsPerLabel = 4; var maxNumberOfLabels = 10; <b:if cond='data:blog.pageType == "item"'> maxNumberOfPostsPerLabel = 100; </b:if> <b:if cond='data:blog.pageType == "item"'> maxNumberOfLabels = 3; </b:if> function listEntries10(json) { var ul = document.createElement('ul'); var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ? json.feed.entry.length : maxNumberOfPostsPerLabel; for (var i = 0; i < maxPosts; i++) { var entry = json.feed.entry[i]; var alturl; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'alternate') { alturl = entry.link[k].href; break; } } var li = document.createElement('li'); var a = document.createElement('a'); a.href = alturl; var txt = document.createTextNode(entry.title.$t); a.appendChild(txt); li.appendChild(a); ul.appendChild(li); } for (var l = 0; l < json.feed.link.length; l++) { if (json.feed.link[l].rel == 'alternate') { var raw = json.feed.link[l].href; var label = raw.substr(homeUrl3.length+21); var k; for (k=0; k<20; k++) label = label.replace("%20", " "); var txt = document.createTextNode(label); var h = document.createElement('h4'); h.appendChild(txt); var div1 = document.createElement('div'); div1.appendChild(h); div1.appendChild(ul); document.getElementById('data2007').appendChild(div1); } } } function search10(query, label) { var script = document.createElement('script'); script.setAttribute('src', 'http://' + query + '/feeds/posts/default/-/' + label + '?alt=json-in-script&callback=listEntries10'); script.setAttribute('type', 'text/javascript'); document.documentElement.firstChild.appendChild(script); } var labelArray = new Array(); var numLabel = 0; <b:loop values='data:posts' var='post'> <b:loop values='data:post.labels' var='label'> textLabel = "<data:label.name/>"; var test = 0; for (var i = 0; i < labelArray.length; i++) if (labelArray[i] == textLabel) test = 1; if (test == 0) { labelArray.push(textLabel); var maxLabels = (labelArray.length <= maxNumberOfLabels) ? labelArray.length : maxNumberOfLabels; if (numLabel < maxLabels) { search10(homeUrl3, textLabel); numLabel++; } } </b:loop> </b:loop> </script> </div>  </b:includable> <b:includable id='backlinkDeleteIcon' var='backlink'> </b:includable> <b:includable id='feedLinksBody' var='links'> </b:includable> <b:includable id='backlinks' var='post'> </b:includable> <b:includable id='status-message'> </b:includable> <b:includable id='feedLinks'> </b:includable> <b:includable id='nextprev'> </b:includable> <b:includable id='commentDeleteIcon' var='comment'> </b:includable> <b:includable id='post' var='post'> </b:includable> </b:widget> 

Acordáos también de reemplazar la URL de Hoctro's por la vuestra, aquí: var homeUrl3 = "
BLOG..blogspot.com"

Esconder/Mostrar

2007-02-04T16:12:00.000+01:00

Hide/Show: un Peek-A-Boo para cualquier objeto que se inserte en la sidebar del blog. El mismo que he utilizado para ordenar mi "Tabla de Contenidos" y "Categorías más Buscadas":

1º.- Incluir en la plantilla expandida, antes del / cierre skin:
.commenthidden {display:none}
.commentshown {display:inline}

2º.- Antes del cierre / head(¡OJO!: NO en el skin):
<script type="text/Javascript">

function togglecomments (postid) {

var whichpost = document.getElementById(postid);

if (whichpost.className=="commentshown") { whichpost.className="commenthidden"; } else { whichpost.className="commentshown"; }

} </script>

3º.- En la sidebar, dentro del widget que quieras expandir y contraer:
<a aiotitle="click to expand" href="javascript:togglecomments('UniqueName')">Title</a> 

<div class="commenthidden" id="UniqueName"></div>

El "UniqueName" debe ser un Nombre Unico e tu plantilla: como si quieres poner "Rué del Percebe". Con que no esté repetido antes, vale. Y este nombre no va a verse en el blog, con lo que podéis poner el que os venga en gana, por estrafalario que sea. En este código debéis ponerlo en dos sitios.
En cuanto al "Title"-Título, aquí si debéis escoger bien, porque es el que se va a ver en el blog, dando paso a los contenidos del widget: "Tabla de Contenidos"; "Blogroll"; "Categorías"; "Forum"... el que sea que denomine el widget en el que estáis insertando el Peek-A-Boo.

¿Dónde se coloca?: En mi caso, lo he hecho detrás de cada "id main" del widget.

Podéis usar este Hack para expandir y contraer cualquier objeto en la sidebar... incluso la sidebar entera...

Vía: BlogU

Imagen en Sombra

2007-02-04T00:54:00.000+01:00

Como no soy Picasso, casi que dejo esta imagen suya, y cada quien que escoja la propia.
Se puede ver la imagen sombreada en los bordes: original y, sobre todo... distinto.

El Código:
<DIV align="center">

<div style="width:215px;filter:shadow(color:gray);">

<img src="URL DE TU IMAGEN" width="200" height="238" style="border:1px solid black;">

</div>

</DIV>

Shadows...

2007-02-04T00:39:00.000+01:00

Sombras...

Esta es una "Caja de sombras", en la que podéis cambiar cosas como el ancho-width": lo cambié de 350 a 250 px- color, etc... como en todo, para ajustarlo a vuestras preferencias. Pongo el código fuera de la caja.

<div style="width:350px;padding:10px;filter:shadow(color:gray);">

<div style="width:350px;text-align:left;padding:10px;background-color:#F5F5F5;border: 1px solid black;font-size:10px;">

TU TEXTO AQUÍ.

</div>

</div>

"Petit point"

2007-02-04T00:30:00.000+01:00

COca-Cola

Qe noooooo: que no voy a mandar a nadie a bordar (aunque es más relajante que ir a freir espárragos, p.e., jajjaaaa). El título es por la caja de la Coca-Cola (si es que no me apetece buscar otra imagen)... como véis, diseñada en puntitos.
Me gustó y aquí está.
El código:
<div style="margin:0px auto;BORDER: black 1px dashed;PADDING: 15px;FONT-SIZE: 12px;WIDTH: 200px;BACKGROUND-COLOR: white;TEXT-ALIGN: center">

NOMBRE DE LA IMAGEN

 

<img height=133 width=50 alt="TITULO DE LA IMAGEN" src="http://URL DE LA IMAGEN.gif" >

</div>

Opaca y transparente pullquote

2007-02-03T23:45:00.000+01:00

Pull opaca

...juega con los colores
de tu página
para combinarlos con el de la quote
Los resultados pueden ser otros.Y os remito a CSS Transparency: The Opacity Property
Brown on Darksalmon

Aunque parezca mentira, el opaco llama la atención sobre el texto que contiene

El código trabaja entre "divs"

El Texto aquí va en marrón y el fondo en blanco... para resaltar aquél

Por una vez, el resultado de este hack es mejor en IE que en otros navegadores-siempre que esté definido el fondo, claro-.
También vale para Mozilla.

Sombreado, flotante...

2007-02-03T23:16:00.000+01:00

Flotando a la derecha

Aunque se lea un poco confuso...

Evidente...
Y, ahora, el código para la entrada:
<div width="100" style="filter:shadow(color:black);float:right;font-weight:bold;font-size:18pt;font-family:georgia;color:forestgreen;padding:10px;">Float Right</div>

YOUR TEXT GOES HERE.

Drop Cap "bloques"

2007-02-03T22:50:00.000+01:00

Fórmulas distintas... ésta en "bloques

Revisión Drop Caps

2007-02-03T12:56:00.000+01:00

Por lo general, las Drop Caps son difíciles de hacer funcionar en algunos navegadores, porque se "despegan" del resto del texto, como algo al margen de la entrada. Con este código, probablemente, puedan verse "comme il faut".

Superposición de Imágenes

2007-02-03T12:49:00.000+01:00

Dos imágenes que se superponen para crear... "ésto" (cada quien, con tiempo y ganas, puede hacer algo mejor, je). Pero es un buen ejemplo de lo que se puede hacer en diseño para el blog. Es de Mandarin Design

Lightbox

2007-02-03T11:43:00.000+01:00

Asturias

Funciona perfectamente: por obra y gracia de Leonel, de Trucos Blogger

Estupendo trabajo, sí señor... :)

Para abrir la imagen, sólo tenéis que picar en "Asturias". Para cerrarla, picar en la "X" que véis debajo.

(No explico el hack, porque os remito directamente a Leonel y su página. Lo único, decir que no puse nada en el HTML-Java de mi blog. Sencillamente el último código "rel=lightbox", lo inserté directamente en esta entrada, con la URL de mi imagen. Y el código de construcción y llamada de la lightbox, lo inserté antes del cierre skin, donde me pareció oportuno... y es que, en esta plantilla, no tengo referencia de *---- Footer----)

Me gusta, me gusta...

Polls

2007-02-03T01:04:00.000+01:00

Es decir: encuestas.
Hasta ahora no he utilizado ninguna (por razones obvias, je), pero... quiero probarlo todo, aunque sólo sea para mi satisfacción personal (otra muesca en mi tecno-pistola :x ):

Poll AyudayKaos

Más sobre el Peekaboo

2007-02-01T16:50:00.000+01:00

Que es como llaman a eso de expandir y contraer las entradas:

Lo he probado en la forma "difícil", es decir, con los códigos de Hackosphere.. y la diferencia de resultado respecto a la anterior del blog de Gema, es prácticamente nula. Así que...

Peek-a-boo [expandir/contraer]

2007-02-01T16:48:00.000+01:00

Es la alternativa más fácil al "Leer más" que tengo en los otros blogs.

Se suele comentar que el código "leer más" es engorroso y difícil de insertar en la plantilla... de modo que el "Expandir-Contraer" puede ser una muy buena y fácil alternativa, para mostrar sólo el título de la entrada y dejar oculto el resto del post o no, a elección del lector del blog.

Lo explica muy bien Gema, en su blog Gem@BLOG, en tres pasos facilísimos de hacer:

Primero, antes del cierre del style o skin de la plantilla.

Segundo, antes del cierre del head.

Tercero, en la propia ventana de edición de entradas, antes y después del texto que se quiere mostrar.

Este ultimo código se puede dejar insertado-para ahorrar tecleos y consultas- en la "plantilla de entrada" que figura en "Opciones-Formato":así se nos muestra ya el código, nada más abrir la ventana de edición.

¡Ah!: este código es absolutamente incompatible con el de "Leer más" (eso he comprobado). De modo que habría que elegir entre uno u otro para insertar en nuestras plantillas.

Feeds para todo el Blog

2007-02-01T16:46:00.000+01:00

En "Ayuda", había usado as instrucciones para etiquetar feeds de PurpleMoggy Un día os pueden servir para confeccionar un desplegable de feeds en un dropmenú (sigo dándole vueltas al tema).

.- Primero,id a la plantilla y añadid un nuevo elemento de página de etiquetas.

.- Segundo: Vamos al HTLM y expandimos la plantilla. Un poco más abajo del body-tras el cierre/ de head- encontramos la entrada del widget etiquetas, con la seña "Label1". Seguid el código que da la página y añadid la pieza de Java que muestran en letra negrita.

¡OJO!: una de las cosas que hay que introducir en el código, es la ID de vuestro Blog. Se obtiene, como comenté en una entrada anterior, entrando a vuestro blog desde el escritorio, en opciones o entradas,por ejemplo... una serie de números que aparecen en la dirección que muestra la barra del navegador, detrás de un "ID=". Esos números son la ID de vuestro blog.

.- Cambios: se puede modificar el "full" por "summary",lo que hará que sólo se vea una parte.
También se puede cambiar la imagen de icono del RSS por la que más os guste.

Leeros ese post completo, porque los comentarios al mismo son muy interesantes.

Static Menú

2007-02-01T16:24:00.000+01:00

Peek-A-Boo Labels-Posts

2007-02-01T12:39:00.000+01:00

Puesto que Hackosphere es el autor de este Peek-A-Boo, y desde allí incluí el código a mis plantillas, para mostrar el [+/-] en el lateral de mis entradas; y dado que Hackosphere, ahora mismo, no redirecciona sus contenidos... os remito a Trucos Blogger, donde Leonel explica el hack de Hackosphere con mucha claridad.

Hackosphere???

2007-02-01T12:32:00.000+01:00

El otro día le leía su última entrada, en la que comentaba que no tenía mucho tiempo para dedicar al blog y que, además no tenía ideas de importancia para incluir.

Pero acabo de entrar... y encuentro que las entradas no redireccionan... es decir: o está en "obras" o... prefiero no pensarlo. Porque Hackosphere es de las mejores-si no la MEJOR-guía que existe en la blogosfera.

Caray... se me pone el vello de punta de sólo pensar en que se extinga...

Peek-A-Boo Entradas

2007-02-01T12:22:00.000+01:00

Alternativa al "leer más" que ya hemos comentado:

En "Ayuda" y "Kaos", he combinado el "leer más" anterior, con el "[+/-] Sigue Leyendo]" de Gem@BLOG. Utilísimo también, muy agradable de ver en las páginas, y fácil de colocar.

Menú "degradée"

2007-02-01T12:19:00.000+01:00

Arriba de la página, sobre el título de "Clásica", podéis ver "Menú (click aquí)". Pincjando ahí con el ratón, se despliega un menu muy sencillo, pero muy guapo y efectivo

He aplicado, a mi manera, un código que leí en Código fuente Javascript/menues:

</style> <TITLE>Menú Drop Down</TITLE> <style type="text/css">  </style> <BODY BGCOLOR="FFFFFF" TEXT="000000" LINK="0000FF" VLINK="800080"> <style>  </style> <ilayer id="menu01" height=35px> <layer id="menu02" visibility=show> <a href="Ejemplo.html">MENÚ (Click aquí)</a> </layer> </ilayer> <script language="JavaScript1.2"> var enableeffect=true var selection=new Array() selection[0]='<a href="http://nienna-clasica.blogspot.com/" class="Texto">Inicio </a> ' selection[1]='<a href="mailto:llara_5@msn.com" class="Texto">Contáctame</a> ' selection[2]='<a href="http://www2.blogger.com/profile/01400887326884630638" class="Texto">Perfil</a> ' selection[3]='<a href="http://nienna-clasica.blogspot.com/search/label/Blog" class="Texto">Blog</a> ' selection[4]='<a href="http://nienna-clasica.blogspot.com/search/label/Desing" class="Texto">Desing</a> ' if (document.layers) document.menu01.document.menu02.visibility='show' function dropit2(){ if (document.all){ menu03.style.left=document.body.scrollLeft+event.clientX-event.offsetX menu03.style.top=document.body.scrollTop+event.clientY-event.offsetY+18 if (menu03.style.visibility=="hidden"){ if (enableeffect) menu03.filters.revealTrans.apply() menu03.style.visibility="visible" if (enableeffect) menu03.filters.revealTrans.play() } else{ hidemenu() } } } function dropit(e){ if (document.menu03.visibility=="hide") document.menu03.visibility="show" else document.menu03.visibility="hide" document.menu03.left=e.pageX-e.layerX document.menu03.top=e.pageY-e.layerY+19 return false } function hidemenu(){ if (enableeffect) menu03.filters.revealTrans.stop() menu03.style.visibility="hidden" } function hidemenu2(){ document.menu03.visibility="hide" } if (document.layers){ document.menu01.document.menu02.captureEvents(Event.CLICK) document.menu01.document.menu02.onclick=dropit } else if (document.all) document.body.onclick=hidemenu </script> <div id="menu03" style="position:absolute;left:0;top:0;layer-background-color:#E6E6E6;background-color:#E6E6E6;width:200;visibility:hidden;border:2px solid black;padding:0px"> <script language="JavaScript1.2"> if (document.all) menu03.style.padding='4px' for (i=0;i<selection.length;i++) document.write(selection[i]) </script> </div> <script language="JavaScript1.2"> if (document.layers){ document.menu03.captureEvents(Event.CLICK) document.menu03.onclick=hidemenu2 } </script> 

Aquí van juntos el CSS y el HTML, que yo puse-tal que así- antes del cierre de head, concretamente antes del cierre de skin. Cada quien puede hacerlo como le guste.
¡Ah!... por si acaso: el menú se cierra volviendo a hacerle "click".

"Flashing" Tabla

2007-02-01T12:16:00.000+01:00

Podéis verla enmarcando el "ver reacción Blogs", en la cima de mi sidebar en "Clásica".
Sólo hay que configurar sus parámetros, a vuestra manera y gustos, en el código que ofrece dynamicdrive:

<table border="0" width="280" id="myexample" style="border:5px solid green"> <tr> <td>Insert anything you want into this table. Insert anything you want into this table. Insert anything you want into this table. </td> </tr> </table> <script language="JavaScript1.2">  </script>

Efecto "reflejo"

2007-02-01T12:13:00.000+01:00

Tomamos una imagen cualquiera y le creamos un "doble" invertido, para añadirle una ilusión de reflejo. Podéis ver el reflejo de "Carrera de Sirenas",de Waterhouse, en la parte de abajo de "Clásica".
Tan fácil como introducir la URL de la imagen que queráis en el "src=" de la primera parte del código que nos da dynamicdrive.

Y éste es el código:

 <script language="JavaScript1.2"> /* Image reflection script (Submitted by Savio, savio_d_souza@hotmail.com) Permission granted to Dynamic Drive to feature script in archive For full source, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com */ function f1(){ setInterval("mdiv.filters.wave.phase+=10",100); } if (document.all){ document.write('') window.onload=f1 } </script> 

¡Ojo!: Si insertáis el código en el Body de vuestra plantilla y ésta ya contiene algún "onload"... como que se darán de tortas (comprobado). Así que, para poder mostrar el resultado de la aplicación de este código, lo he insertado en el HTML-Java de "Añadir un Elemento de Página"

Technorati

2007-02-01T12:07:00.000+01:00

Para "rellenar" la entrada del "view blog reactions" tenéis que dar de alta el blog en Technorati

Problema: encontrar un nik que no esté "usado".

Así que, entráis en la página; os abrís una cuenta; picáis en "Claim Blog" o sea, subir vuestro blog a Technorati; introducís la URL de vuestro blog y los datos que os van pidiendo (algunas de vuestras tags para mostrar con el blog, por ejemplo... un texto de introducción...).

En cuanto al métdo para ensamblar Technorati a vuestro blog, os ofrecerán tres. El más comodo es el último, el "advanced", porque os permite colocar el código donde os de la gana: post-footer del body, HTML de Añadir Elemento de Página...
Podéis cambiar la apariencia del ensamblado, por si os "arrepentís" de tener la caja de "search" y sólo queréis el link... o si, además queréis que ensamble el "ver perfil"...

También podéis hacer "ping" para que Technorati vaya actualizando los datos conforme vais cambiando vuestro nlog: para eso sólo tenéis que decir que "sí" en "Opciones" de vuestra plantilla a que vuestro blog figure en los buscadores blogger.

Y podéis tener un "view blogs reaction", en el que figure el nº de links a vuestro blog, con sólo copiar el código que para blogger da technorati y os puse en la entrada "View blog reacions" o en la misma página de la que subís vuestro Blog al buscador, haciendo click en "ping".

(Francamente... a mí todo ésto de los marcadores... me parece una bobada-con perdón- pero me presta...¡me encanta! jajajaaa)

Tabs- Menú

2007-02-01T12:03:00.000+01:00

Está al final de la página, antes de la barra de Links de "Clásica".

Al pasar el ratón por encima de cualquiera de las dos categorías- etiquetas, tabs- del primer nivel (Blog, Desing), se expanden sus contenidos correspondientes de subnivel.
Queda muy guapo y sólo hay una dificultad: meter la pata a la hora de incluir los subniveles... entonces no despliegan las tabs en absoluto;ninguna. Así que hay que tener cuidado a la hora de introducir las URL de las tabs en los subniveles, y asegurarse de que pertenecen a la categoría del nivel principal en el que las incluímos. Igualmente, si alguien tiene problemas para organizarse- como "moi"- hay que comprobar (¡Insisto!) que no introducimos un subnivel que hayamos incluído ya en otro subnivel (p.e.: mis "tabs" eran un tercer nivel, puesto que, además, las incluí en "Blog" y en "Menú"... siendo el "Menú" un subnivel de "Blog")

Sólo hace falta un código de CSS y otro de HTML, que dynamicdrive señala a incluir en el "head" y "body", respectivamente, de la plantilla. Pero como yo no tengo ganas de andar más en "esa" plantilla, los he insertado en el HTML-Java de "Añadir un Elemento de Página". Y andando...

Menú dos niveles

2007-02-01T11:57:00.000+01:00

Presenta arriba los "títulos de crédito", el contenido del blog y debajo los "subtítulos (puede verse en "Clásica").

Lo mismo que un drop down menú, pero sin andar mareada como un pato entre despliegues y repliegues.

Bueno, pues es de dynamicdrive
Y tiene dos piezas de código, para incluir con la plantilla expandida:

CSS (colocad antes del cierre de "skin")

<style type="text/css"> /*Credits: Dynamic Drive CSS Library */ /*URL: http://www.dynamicdrive.com/style/ */ #maintab{ padding: 3px 0; margin-left: 0; margin-bottom: 0; font: bold 12px Verdana; list-style-type: none; } #maintab li{ display: inline; margin: 0; } #maintab li a{ text-decoration: none; padding: 3px 7px; margin-right: 3px; border: 1px solid #778; color: black; background: white; } #maintab li a:hover{ color: navy; background: #EFFADC; } #maintab li.selected a{ /*selected main tab style */ background-color: #EFFADC; border-color: navy; } #tabcontent{ /*2nd level content wrapper*/ border: 1px solid #778; background-color: #EFFADC; height: 100% /*IE7 beta2 fix*/ } #tabcontent ul{ padding: 0; margin: 0; list-style-type: none; display: none; } #tabcontent ul li{ display: inline; } #tabcontent ul.selected{ /*selected 2nd level content*/ display: block; } #tabcontent ul li a{ border-right: 1px solid #778; color: navy; padding: 2px 5px; display: block; float: left; text-decoration: none; } #tabcontent ul li a:hover{ background-color: #D3F1A0; color: blue; } .clearfix:after{ /*Clear floats hack: http://positioniseverything.net/easyclearing.html*/ content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix{ display: inline-table; } /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ </style> 

HTML (colocad en el "body". Yo lo inserté justo antes del "div id="content-wrapper")

<ul id="maintab"> <li><a href="http://www.dynamicdrive.com">Home</a></li> <li><a href="http://www.dynamicdrive.com/new.htm">DHTML</a></li> <li class="selected"><a href="http://www.dynamicdrive.com/style/">CSS</a></li> <li><a href="http://www.dynamicdrive.com/forums/">Forums</a></li> <li><a href="http://tools.dynamicdrive.com/imageoptimizer/">Gif Optimizer</a></li> </ul> <div id="tabcontent" class="clearfix">  <ul> <li><a href="http://www.dynamicdrive.com">Home</a></li> <li><a href="http://www.dynamicdrive.com/new.htm">New</a></li> <li><a href="http://www.dynamicdrive.com/revised.htm">Revised</a></li> </ul>  <ul class="selected"> <li><a href="http://www.dynamicdrive.com/style/csslibrary/category/C1/">Horizontal CSS Menus</a></li> <li><a href="http://www.dynamicdrive.com/style/csslibrary/category/C2/">Vertical CSS Menus</a></li> <li><a href="http://www.dynamicdrive.com/style/csslibrary/category/C4/">Image Effects</a></li> <li><a href="http://www.dynamicdrive.com/style/csslibrary/category/C6/">Form Effects</a></li> </ul> </div> 

Se me olvidaba: lo "complicado" no es insertar los códigos, sino... andar de atrás para alante insertando ls URL de cada "item y subitem". Probad primero a hacer una prueba en un blog nuevecito y sin muchos perejiles e id echando un ojo a "vista previa" cada vez que introduzcáis un item nuevo-así os podéis ir dando cuenta de si todo va bien o en el último habéis metido la pata.

Y si tenéis más elementos de item o subitems para incluir, de los que alcanza el código HTML, no pasa nada: simplemente se abrirá en vuestra pantalla otra franja. Así que ¡a ello!.

Feedburner

2007-02-01T11:54:00.000+01:00

Para mí, la mejor manera de hacer un montón de cosas a la vez: proteger la contraseña, añadir marcadores sociales,advertir RSS, desplegar las entradas... qué sé yo...

Lo usé en mis otros blogs (menos "ParaPruebas", el que me "hackearon"... qué "coincidencia", je) y, la verdad, estoy contenta con el resultado.

Hay herramientas para optimizar, publicitar, y hasta para quien quiera sacarle rendimiento económico a su blog.

En fín... que feedburner me ahorra bastante "trabajo"... y disgustos.

Encriptar mail

2007-02-01T11:51:00.000+01:00

Para hacerlo irreconocible a los robots que nos inundan a spams.

Sólo hay que seguir las instrucciones de troglod Y hay otras soluciones... que otro día comento

Barra para Links

2007-02-01T11:48:00.000+01:00

Veis la barra con numeritos que está al final de la página en "Clásica"?...

Pues ahí tengo ordenaditos todos mis links. Cada número es una URL que lleva a la página al pinchar sobre él.

La verdad que es una solución muy práctica ésta que ofrece dynamicdrive

y tan fácil como insertar en la plantilla expandida dos piezas de código: una para el CSS, que se colocará antes del cierre de "skin"-o "style"- y otra de HTML, que irá... pues dónde quiera uno ver el resultado: yo lo puse al final de mi plantilla, antes de terminar el contenido.

Código CSS:

<style type="text/css"> /*Credits: Dynamic Drive CSS Library */ /*URL: http://www.dynamicdrive.com/style/ */ .pagination{ padding: 2px; } .pagination ul{ margin: 0; padding: 0; text-align: left; /*Set to "right" to right align pagination interface*/ font-size: 16px; } .pagination li{ list-style-type: none; display: inline; padding-bottom: 1px; } .pagination a, .pagination a:visited{ padding: 0 5px; border: 1px solid #9aafe5; text-decoration: none; color: #2e6ab1; } .pagination a:hover, .pagination a:active{ border: 1px solid #2b66a5; color: #000; background-color: lightyellow; } .pagination li.currentpage{ font-weight: bold; padding: 0 5px; border: 1px solid navy; background-color: #2e6ab1; color: #FFF; } .pagination li.disablepage{ padding: 0 5px; border: 1px solid #929292; color: #929292; } .pagination li.nextpage{ font-weight: bold; } * html .pagination li.currentpage, * html .pagination li.disablepage{ /*IE 6 and below. Adjust non linked LIs slightly to account for bugs*/ margin-right: 5px; padding-right: 0; } </style> 

Código HTML:

<div class="pagination"> <ul> <li class="disablepage">Â« previous</li> <li class="currentpage">1</li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">4</a></li> <li><a href="#">5</a></li> <li><a href="#">6</a></li> <li><a href="#">7</a></li> <li><a href="#">8</a></li> <li><a href="#">9</a>...</li> <li><a href="#">15</a></li> <li><a href="#">16</a></li> <li class="nextpage"><a href="#">next Â»</a></li> </ul> </div> 

Sólo hay que reemplazar las celdillas que aparecen tras cada a href= por la URL del sitio... y santas pascuas :)

¡Ah!: al pasar el cursor por encima de cada número, podéis ver el nombre del blog al que corresponde (en la barra del navegador, abajo de vuestra pantalla)

"View blog-reaction"

2007-02-01T11:42:00.000+01:00

Es una herramienta-widget,link-count:es decir: una especie de contador de links- que ofrece

Technorati : Permite ver, dentro de technorati, los blogs que han linkeado nuestras entradas. Para gente curiosona, como yo, je.
Sencillamente, se muestra el nombre de nuestro blog, con las entradas en las que ha pinchado otro blog y su nombre.

Bueno... es una forma sencilla de publicitar nuestro blog y los de quienes nos linkean.

Me gusta.

Al grano:

Se inserta en la plantilla-expandida- el código que ofrece Technorati para "otros blogs", es decir, el último de la página; porque el que ofrece para "Blogger" no funciona bien (valdrá para plantilla clásica, no para las demás en Beta). Se inserta inmediatamente detrás del "post footer-line 3", para que aparezca al pie delas entradas- autor, hora, número de comentarios y etiquetas-o donde mejor os parezca (HTML-Java para la sidebar, p.e.)
Tambièn podéis cambiar el "View blog reactions" por lo que deseéis. En mi caso, pues... traducido al español, je.

Vamos al código:

<script src="http://embed.technorati.com/linkcount" type="text/javascript"></script> <a class="tr-linkcount" href="http://technorati.com/search/{URL}">View blog reactions</a> 

Ya está...cuando piquéis en "ver blogs-reacción", allí nos cuenta Technorati los links de otros blogs al nuestro...

Vía: lamateporunyogur

(Menudo nombre... :O )

Ultimos comentarios

2007-02-01T11:38:00.000+01:00

Para que se vean en la sidebar y así estar al tanto de lo que se escribe, nada más fácil que ir a "Plantilla" y "Añadir elemento de página". Escoger "Feed" y poner en la caja de la URL lo siguiente:

URL DE VUESTRO BLOG/feeds/comments/full

Nada más fácil: una vez "cargue" vuestra URL, se desplegará la ventana del elemento y veréis allí, ordenaditos, los comentarios y las opciones.

Contenido por categorías

2007-02-01T11:34:00.000+01:00

Después de examinar y probar todas las tablas de contenidos habidas y por haber, y de entre todas las que propone Hoctro'sPlace, la que más me gusta es ésta: por su simpicidad y efecto.

Sólo hay que tener las entradas etiquetadas (lo que más me cuesta siempre... por desordenada) y pasar a incluir un sólo código en la plantilla expandida:

Hay que colocarlo entre el cierre de un b: widget y la apertura del siguiente (elemental... porque vamos a crear un nuevo widget). Yo lo he puesto dentro de la tag sidebar wrapper, que es dónde quería que apareciera (o sea: en la sidebar):

<b:widget id='HTML50' locked='false' title='Contents By Category' type='HTML'> <b:includable id='main'>    <b:if cond='data:title != ""'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <div id='data2006'/> <script type='text/javascript'> var homeUrl2 = "hoctro.blogspot.com"; var labels = ["Killer Hacks","Simple Hacks", "3 Column Templates", "Ajax Hacks","Custom Widgets", "Hacking Techniques"]; function listEntries2(json) { var ul = document.createElement('ul'); for (var i = 0; i < json.feed.entry.length; i++) { var entry = json.feed.entry[i]; var alturl; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'alternate') { alturl = entry.link[k].href; break; } } var li = document.createElement('li'); var a = document.createElement('a'); a.href = alturl; var txt = document.createTextNode(entry.title.$t); a.appendChild(txt); li.appendChild(a); ul.appendChild(li); } for (var l = 0; l < json.feed.link.length; l++) { if (json.feed.link[l].rel == 'alternate') { var raw = json.feed.link[l].href; var label = raw.substr(homeUrl2.length+21); var label1 = label.replace("%20", " "); var label2 =label1.replace("%20", " "); var txt = document.createTextNode(label2); var h = document.createElement('h4'); h.appendChild(txt); document.getElementById('data2006').appendChild(h); document.getElementById('data2006').appendChild(ul); } } } function search2(query, label) { var script = document.createElement('script'); script.setAttribute('src', 'http://' + query + '/feeds/posts/default/-/' + label + '?alt=json-in-script&callback=listEntries2'); script.setAttribute('type', 'text/javascript'); document.documentElement.firstChild.appendChild(script); } for (var i=0; i < labels.length; i++) if (labels[i])search2(homeUrl2, labels[i]); </script> </div> <b:include name='quickedit'/>  </b:includable> </b:widget> 

¡Ojo!: Acordaros de reemplazar la URL del código por la de vuestra página. Y reemplazad las categorías (etiquetas) del código por las vuestras. Si queréis, también podéis cambiar el título de "Contents by..." por "Contenidos por categoría", p.e.- en español- o el que os parezca bien.

Y cuidado con los nombres de las etiquetas... porque no aceptan la "ñ" ni los acentos... de modo que yo tuve que reemplazar "Diseño" por Design... o no sé qué cuernos puse, para que no me salieran simbolitos % ni el nombre de la categoría a trozos...De todas formas, en cualquier momento podéis ir a la plantilla y cambiar el nombre de la etiqueta (previo renombrado en las entradas, claro está)

Y auquí dejo la dirección: Hoctro'sPlace

Iconos de navegación

2007-02-01T11:26:00.000+01:00

Con el código que muestro a continuaciíon, los iconos irían al final de cada post:

Expandir la plantilla y añadir, bajo b:include name=nextprev/ lo siguiente:

<b:include name='nextprev2'/>

Bajar un poco más la plantilla y encontrar el b: includable id=nextprev, para añadir debajo lo siguiente:

<b:includable id='nextprev2'> <div id='blog-pager'> <b:if cond='data:newerPageUrl'> <a expr:href='data:newerPageUrl' expr:title='data:newerPageTitle' id='blog-pager-newer-link'> </a> </b:if> <b:if cond='data:olderPageUrl'> <a expr:href='data:olderPageUrl' expr:title='data:olderPageTitle' id='blog-pager-older-link'></a> </b:if> <b:if cond='data:blog.homepageUrl != data:blog.url'> <a class='home-link' expr:href='data:blog.homepageUrl'> </a> </b:if> </div> <div class='clear'/> </b:includable> 

La ide a es de Goygoycu, en un comentario al código de iconos propuesto por Hoctro's

Proteger el código fuente

2007-02-01T11:23:00.000+01:00

Un sencillo código de Java lo hace posible, inhabilitando el botón derecho del raton para evitar, por ejemplo, copias indeseadas.

Podéis colocarlo al final de vuestra plantilla, antes del cierre de la tag body.

Es de desarrolloweb

Redireccionar con Imagen

2007-02-01T11:20:00.000+01:00

También se puede usar la imagen para direccionar a otra página, por ejemplo:

Ayuda.

Aqui van la imagen con la URL y-también- la palabra que contiene la URL.

Y éste es el código del que resultan:

<a class="thumbnail" href="http://ayuda-junio.blogspot.com/"> Ayuda.</a> 

Para usar el código a vuestro antojo, sólo hay que cambiar la URL del sitio al que queráis direccionar-http- y la URL-src- de la imagen que queréis que sirva de "conductor", así como el nombre que servirá de guía.

Expansor de imágenes

2007-02-01T11:16:00.000+01:00

Con un código CSS y otro de HTML, podemos exponer, en pequeñito, las imágenes que elijamos... o fotos de quienes somos... o fotos de nuestros vajes... cuadros que nos gustan...

Y ampliarlas con sólo pasar el ratón por encima-pop-up-... y añadirles un comentario.

He colocado-una vez expandida mi plantilla, el código CSS antes del cierre de "skin". Y el código HTML justo detrás del "header-wrapper" y justo antes del "b:section class="header" id="header".

Luego, he cambiado las URL de "src=" por las de mis imágenes, y he añadido detrás el texto que me ha parecido, en lugar del que trae el código para las fotos que incluye. Este es el código original:

CSS:

<style type="text/css"> /*Credits: Dynamic Drive CSS Library */ /*URL: http://www.dynamicdrive.com/style/ */ .thumbnail{ position: relative; z-index: 0; } .thumbnail:hover{ background-color: transparent; z-index: 50; } .thumbnail span{ /*CSS for enlarged image*/ position: absolute; background-color: lightyellow; padding: 5px; left: -1000px; border: 1px dashed gray; visibility: hidden; color: black; text-decoration: none; } .thumbnail span img{ /*CSS for enlarged image*/ border-width: 0; padding: 2px; } .thumbnail:hover span{ /*CSS for enlarged image on hover*/ visibility: visible; top: 0; left: 60px; /*position where enlarged image should offset horizontally */ } </style> 

HTML:

<a class="thumbnail" href="#thumb"> Simply beautiful.</a> <a class="thumbnail" href="#thumb"> So real, it's unreal. Or is it?</a> <a class="thumbnail" href="#thumb">Dynamic Drive Dynamic Drive</a> <a class="thumbnail" href="#thumb">Zoka Coffee Zoka Coffee</a> 

Es de Dinamic Drive CSS Library y podéis ver el resultado enla cabecera de "Clásica"

Banner para el título

2007-02-01T02:50:00.000+01:00

Instrucciones en Gem@Blog

Déjame un post-it

2007-02-01T02:48:00.000+01:00

Una buena explicación en Gem@Blog

Vuelve a "Casa" ("Home")

2007-02-01T02:42:00.000+01:00

Cuando el blog tiene muchas categorías, entradas y demás... una se pierde dándole arriba y abajo o página delante y detrás. Con este sistema, vuelves al principio...
Es de Gem@Blog

Título

2007-02-01T02:37:00.000+01:00

Efectos para, p.e., la cabecera delblog:
Xara3D

Flaming

La diferencia es que Xara tiene- además de esos efectos 3D tan impactantes- botones, pantallas, presentaciones con animación, banners, logos, gráficos, menús... y qué sé yo cuánto más.

Efectos especiales

2007-02-01T02:31:00.000+01:00

Pe.:

Hay cosas muy curiosas, en cuanto a diseño se refiere: una de las últimas que he probado es ésta que veis: Mi Avatar, en una esfera.
La página de esta "confección" es chami y la encontré en el Blog de Gema.Se sale de lo habitual...

"Leer más"... para todas las plantillas (¡Por fín!)

2007-02-01T02:25:00.000+01:00

En Trucos Blogger

Seguis las instrucciones- que son facilísimas- y andando.
Una cosa: el post header line ese, está bastante abajo de la plantilla... detrás de tags head y body y todos los expandibles de footer y feed. Pero no es difícil de localizar. No os olvidéis de expandir vuestra plantilla de artulugios, o no encontraréis "niente".

"Bocadillos de Snap"

2007-02-01T02:23:00.000+01:00

Son esas viñetas que aparecen en la pantalla, cada vez que pasamos el ratón sobre algo que contenga una URL:previsualiza el sitio en cuestión.

Me parece útil y divertido (sino se tienen muchas cosas para previsualizar... en otro caso ¡es un tormento!).
Podéis verlo y obtener el código aquí: Snap

Lo encontré en Trucos Blogger

Pixel Button

2007-02-01T02:19:00.000+01:00

Esto:

A parte de "mono"... no sé exactamente muy bien "para qué sirve"

Pero me gusta... lo encontré en Trucos Blogger Beta,que remite a http://pixelbutton.com/es>Pixelbutton

Labels Cloud (Nube de etiquetas)

2007-02-01T02:16:00.000+01:00

Bien... podéis seguir los pasos que marca "... que la viga en el propio"

Es muy fácil, de verdad:

Primero se ha de ir a la plantilla, para añadir un nuevo elemento de página, que será el que en la ventana que nos abre, marca como "Etiquetas". Editamos la ventanita con nuestras etiquetas, y listos.
Y después, no tenemos más que seguir los pasos de la página: antes y detrás del cierre skin van los dos primeros códigos. Y el tercero, va un oco más abajo, casi al final, en un bloque donde la plantilla nos va "relatando" los widgets.

Ya está.

Iframe

2007-02-01T02:12:00.000+01:00

Pues es esa ventanita que encontramos en algunos blogs, donde alojan otras webs que les resultan interesantes, p.e.
Podéis hacer el marco más pequeñito, ajustando el alto y el ancho...

Si las hacéis más pequeñas, podéis insertar unos cuantos iframes, uno debajo de otro.Había probado el truco en otras páginas...pero sólo ésta me ha funcionado a satisfacción: Vagabundia
Pero ¡ojo!: estas páginas no suelen aceptar bien los iframes...

El tiempo es oro

2007-02-01T02:08:00.000+01:00

El tiempo es oro, y quien lo pierde es un bobo"

Eso decía una monja de mi cole. Y llevaba razón:

Hay cosas en blogger Beta que se pueden aprovechar bien, como la plantilla de entrada de "opciones-formato": ahí tengo metido el código de "Leer más" para la edición de las entradas. De manera que, al abrir la ventana de creación de entradas, me sale, ya de mano un "Escribe tu resumen aquí"........... "Escribe el resto de tu post aquí". Además,
en la plantilla de "Opciones-Feed del sitio": en "Pie de página del elemento Feed", tengo mi dirección de feedburner-para abrir mis archivos de "Ultimas Entradas"- y un "truqui" para abrir y actualizar un archivo de "Ultimos Comentarios":
http:// http// mi URL//feeds/comments/full

Y el código para las Drop Caps y...

Traduciendo... ¿(en swahili)?

2007-02-01T02:04:00.000+01:00

Lo dicho: no me gustan un pimiento los traductores on-line que hay por ahí... como mucho el de El Mundo (y tampoco).

Pero como no queda otra que dar alguna pista en otros idiomas, y una no tiene tiempo para andar traduciendo, y menos al japonés... pues ahi está un traductor... bastante sui géneris.

La idea de ponerlos todos juntinos, con sus banderas, es de Mi Arroba...
Español, inglés, francés, japonés, italiano y alemán: eso es lo que hay.
Sólo hay que copiar el código php que nos dan y ponerlo donde uno quiera (mejor dejarse de líos, y en el HTLM de la sidebar).
Eso sí... ¡Ojo!:
hay que cambiar el @UrlBlog@, por la direccion de tu blog. Y hay unos cuantos: que no se "despiste" ninguno o el traductor no traducirá (ni siquiera mal... je).
Y cuidado con otro despiste: las arrobas en las que se encierra ese URLBLOG, así como los simbolitos de apertura y cierre que contienen la expresión, deben eliminarse.
Pd: el traductor de este blog es de Sanghi... venía con la plantilla, je

Marcadores sociales

2007-02-01T02:01:00.000+01:00

OO sea: esos tropecientosmil dibujitos que se ven en los finales de las entradas de algunos blogs... y que aún me pregunto para qué cuernos sirven. Porque yo no soy de ir marcando lo que leo (no sé: es que no se me ocurre para qué). Como no sea para cosas publicitarias y de dar a ganar dinero a los blogger.
Porque lo que es seguir las noticias de los blogs... prefiero hacerlo "in situ"... y no liarme con los marcadores.

En fín... para gustos, colores.

Bueno: en una página leí que "todos sabemos cómo vincular los marcadores"

Y un jamón.

Yo no tenía ni idea. Y, aunque no me gusta eso de los marcadores... no iba a dejar que una página me llamara "boba" por no saber poner los chismes estos.

Así que busqué por ahí: primero fuí a Trucos Blogger Beta
y alli encontré el hak para insertar "Menéame", luego reformado por un visitante. Pero quería añadir más marcadores-y no quería los botoncitos que se ven por ahí- y, en Vagabundia
, muestran unas páginas que te dan los códigos y los botones:´con esas informaciones fuí reuniendo los marcadores y botones que me interesaban...

Pero es que, luego, encontré una cosa muy chula: un botoncillo (Popmarks)para que, al clikarlo, te salgan todos tus marcadores ordenaditos (total... tengo cuatro mal contados, pero me prestó la idea) y actualizados. También se puede elegir el tipo de botón: Social Bookmark Botton

Hala... que haya suerte.

Pd: el último botoncito de mis entradas en "Kaos"es el Popmark: pinchando sobre él, sale una lista horizontal de toooooooodos los iconos de marcadores del mundo mundial. Qué cosa tan curiosa...

Para saber desde dónde nos enlazan

2007-02-01T01:58:00.000+01:00

Primero una advertencia: que junto a los blogs que nos vinculan, entran un monton de "spammers", que aprovechan para dejar sus URL...

Wholinked

Vía: Bloggea2

Sólo hay que entrar, seleccionar nuestro servicio (aquí, blogger Beta) y copiar el código, para pegarlo en la sidebar o donde uno quiera.

Etiquetas Horizontales

2007-02-01T01:49:00.000+01:00

De nuevo Leonel, de Trucos Blogger Beta:
Quería colgar categorías, pero no me apetecía un pimiento andar con eso de crear un blog de categorías y añadir posts y links y... que me aburría.La solución me la han dado ellos: además, no tengo que andar actualizando cada una de las entradas que hago a posteriori, porque ya quedan guardaditas cuando las edito.

Los tres primeros pasos que marcan son muy fáciles: el primero (y obvio) crear las categorías-etiquetas.

El segundo es insertar una pieza de código detrás del body, en sustitución del que hay (dos líneas mal-contadas).

El tercer paso se añade antes del cierre "skin".

Y el cuarto paso... ya es pelín complicado...por eso de que cada plantilla es un mundo y... vaya vd. a saber dónde se encuentran las referencias:

Pues nada: justo debajo de la modificación que hicimos en el segundo paso, donde veáis una "label".Me costó un poquillo este cuarto paso, pero con paciencia y una caña... ahí está.
Trucos Blogger