Titulo parpadeante - Trucos html

Dos trucos en un post. Hola! Hoy les dejo dos trucos muy simples, que me pidieron en post anteriores. 1- El primero : colocar un título parpadeante. Simplemente se trata de colocar el título de tu post entre esta orden <blink> Título acá </blink> . Si lo usas en un post se verá así: Título acá 2- El segundo truco se trata de colocar un titulo en movimiento en la barra del navegador, como lo tengo en mi blog. Puedes colocar una frase, el titulo de tu blog, lo que desees. Copia y pega este código, reemplazando la parte en rojo, y lo agregas como elemento HTML. Super fácil.

<!—Mas trucos en http://recursosparatublog.blogspot.com --><SCRIPT LANGUAGE="JavaScript"> var txt=" :-) Aquí va tu texto - Bienvenidos - "; var espera=100; var refresco=null; function rotulo_title() { document.title=txt; txt=txt.substring(1,txt.length)+txt.charAt(0); refresco=setTimeout("rotulo_title()",espera);} rotulo_title(); </SCRIPT>

Un abrazo y muchas felicidades!

Imagen flotante en el blog - Trucos blogger -

Preparándonos para las Fiestas. Hola! Ya comenzamos a pensar en las fiestas de fin de año y se me ocurrió esta posibilidad: la de colocar una imagen flotante en el blog, con alguna imagen alusiva a este tiempo. El truco es realmente simple. Se trata de copiar y pegar este código que dejo a continuación. Lo agregas como elemento HTML y listo. Pero antes... debes decidir qué imagen colocar. Yo elegí un pesebre que representa el nacimiento de Jesús, el verdadero sentido de la Navidad. Dejo el código tal cual lo coloqué en mi blog.

<img style="display: scroll; position: fixed; bottom: 10px; left: 10px;" src="http://www.angelesamor.org/wp-content/uploads/2008/12/pesebre3.gif"/>

Ustedes podrán reemplazar la parte roja, que es la URL de la imagen de mi pesebre. (Si les gusta pueden copiarlo y llevarlo así como está, va de regalito). ¿Dónde encontrar mas imágenes navideñas? El Photobucket, colocan la palabra clave (navidad, natal, christmas) y encuentran imágenes lindas. Enlace acá. También busquen en las etiquetas de este blog (Imágenes) y van a encontrar muchas páginas con este tema. Otra forma sería buscar IMAGENES en el buscador de Google, abrir la imagen elegida y copiar la URL. ( Botón derecho del ratón > opción Propiedades > URL. Entonces la reemplazan por la que yo les dí. Para los más detallistas: pueden cambiar la posición de la imagen reemplazando left (izquierdo) por right (derecho) según el lado en que quieran ubicarla y bottom (abajo) por top (arriba). Un abrazo! Ferip

Cómo ocultar gadget en la página principal.

En un post anterior vimos cómo mostrar los gadgets sólo en la página principal de modo que al navegar por los post los gadgets desaparezcan. Esto permitía una navegación más rápida entre cada entrada. Ahora realizaremos lo contrario: ocultar gadgets en la página principal (que aparecerán al entrar a un post). 1- Entrar a la edición HTML del blog. 2- Expandir artilugios. 3- Localizar el gadget. En este caso es el gadget 1: <b:widget id='HTML1'. Recuerda que cada gadget tiene un número y por lo general un título, así que no es difícil encontrarlos en la plantilla. (Si no lo encuentras dale una miradita a lo que expliqué en esta entrada) 4- Agregar lo que está en color rojo: <b:widget id='HTML1' locked='false' title='Gadget' type='HTML'> <b:includable id='main'> <b:if cond='data:blog.pageType == &quot;item&quot;'> <!-- only display title if it's non-empty --> <b:if cond='data:title != &quot;&quot;'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> </b:if> </b:includable> </b:widget> El procedimiento es el mismo que en del post anterior. Lo único que cambia es la primera línea en rojo que agregamos. De igual forma este truco se aplica para cualquier gadget. Recuerda: busca el número y agrega la línea. Entonces esos gadget (elementos que agregas) se ocultarán de la página principal. Y para terminaaaarrrrrRRRrRrrRRrr: torta!!!! Este blog cumple tres añitos así que lo celebro con ustedes. Gracias por sus visitas, comentarios, ideas, por las amistades que hemos construido en estos más de 1000 días. Un beso grande para todos! MuuuuAAAkkKKkSSS!!!!!

Usuarios en línea en tu web

Hola! Estamos con mucho frío en Argentina y, entre esto y la gripe porcina, mas vale quedarse en casa y hacer un post para ReCurSOS para tu blog. Hoy les dejo una página que recomendé en otro momento, para un tema de carteles. Encontré un código que ustedes pueden copiar y pegar en sus blogs para saber cuántos usuarios hay en línea. Cada vez que alguien entra se renueva, por eso no habrá repeticiones. El enlace para que lo encuentres es este. http://www.joseane.com/recursos/usuarios_en_linea.asp Dicen que no agregan publicidad. Habrá que verlo. Si es así lo retiras y listo. Como siempre que se trata de un código lo agregas en un gadget para HTML o, para ahorra espacio en las columnas, lo sumas a otro gadget que ya estabas usando. Recuerda que para separar códigos usas este truquito <br> Quedaría así: código 1 <br> codigo 2 <br> codigo 3 <br> De esta manera se ordenan hacia abajo y los distingues uno de otros. Bueno, me voy a tomar unos mates y les deseo un día brillante! Si este blog te ayudó puedes dejarme un VOTO de aliento en este botón. Es de puntaje diario. ¡Muchas Gracias!

Títulos aleatorios para entradas antiguas.

Hola a todos! Espero estén muy bien, disfrutando sus días. Este sábado se presenta gris, lluvioso y dando la bienvenida al invierno aquí, en el hemisferio sur... y precisamente en Buenos Aires. Día de la Bandera Argentina!!! Aguante la celeste y blanca!!! El post de hoy está dedicado a Luis Quijote y a su banda de amigos literarios. Se trata de un código que muestra en forma aleatoria o dinámica títulos de post anteriores a la última fecha de publicación. Esto le sugerirá a sus lectores títulos y comentarios, generando una especie de invitación a leer más entrando por los enlaces que aparecen. Si quieren verlo en funcionamiento está en mi blog personal, en la columna lateral. Para que trabajen mejor al armarlo les dejo esta plaquita con los elementos a configurar. Entran en esta página:http://stuffablog.com/bstir/index.html#. Está en inglés, pero todo es muy sencillo. Colocan la URL de sus blogs, una contraseña, eligen bordes, resultados (coloquen 5, son la cantidad de títulos), fondo. Cliquean el botón amarillo y les va a dar el código. Lo guardan en un gadget del blog, opción html (como cualquier código). Les recomiendo NO abrir sus blogs desde esta página, ni de ninguna. Me pasó de hacerlo al inicio de mis blogs y se me coló publicidad que ya no puedo sacar. Entonces abran sus blogs en forma independiente. Listo, Quijote. Espero les sirva. Mientras me tomo unos mates y termino este post, sumo algo más personal. Gracias SUsana por el premio y te respondo 5 cosas que me gustan: el mate amargo, divertirme con mis alumnitos, las películas de espionaje, juicios y suspenso, Aretha Franklin cantando y la versión de I say a little pray de "La boda de mi mejor amigo", por Diana King... y las mañanas de los sábados en mi casa, con pantuflas y viendo algún programa de decoración en People & Art, entre otras cosas.¿Te gustó? Feliz invierno para nosotros, feliz verano para los otros... Antes de irse, ¿me cuentan 5 cosas que les gustan? También pueden llevarse el premio.Beso y hasta la próxima!

Boton con efecto y texto aleatorio en barra de estado.

Hola! Hoy les dejo dos truquitos, sencillos de realizar y con buena onda. El primero, se trata de un botón con efecto, que puedes colocar el tu blog con enlace a otro sitio. Quedaría así:

Simplemente copias este código y reemplazas la url del blog a enlazar y el título del botón, que están con mis datos. <center><form method=get action="http://recursosparatublog.blogspot.com"><input type=submit value="ReCurSOS">

El segundo: es un texto en movimiento en la barra de estado, al pie de tu pantalla. Mi texto está fijo. Si deseas que se mueva copia este código, reemplazando el texto por uno de tu gusto, y lo agregas como elemento html a la columna lateral (sidebar) Este es el código:

<SCRIPT language=JavaScript><!--ScrollSpeed = 250; // milliseconds between scrollsScrollChars = 4; // chars scrolled per time periodfunction SetupTicker() {// add space to the left of the messagemsg = " Escribe el texto aquí ";RunTicker();}function RunTicker() {window.setTimeout('RunTicker()',ScrollSpeed);window.status = msg;msg = msg.substring(ScrollChars) + msg.substring(0,ScrollChars);}SetupTicker();<!-- end --></SCRIPT>

Para trabajar con comodidad cuando editamos códigos sugiero copiarlos en una hoja de bloc de notas ( o word), hacer los cambios (url, textos, medidas) y luego colocar en el blog. Guarda siempre los originales.

Bueno, un beso y hasta la próxima.

Agregador a FAVORITOS.

Hola! Cómo están? Hoy les dejo un código que les permitirá A SUS LECTORES añadirlos a sus listas de FAVORITOS o MARCADORES. Se trata de colocar el siguiente código como un elemento HTML en la sidebar. Ustedes reemplazarán los sectores: url del blog, nombre del blog, letra y tamaño. Yo lo dejo como lo coloqué en el mío así les resulta mas sencillo identificar lo que van a reemplazar.
Lo copian, pegan en el bloc de notas, editan y a guardarlo en sus blogs.

<a href="javascript:window.external.AddFavorite('http://recursosparatublog.blogspot.com','ReCurSOS para tu Blog')"><small><font face="Verdana" size="2">Agregar a favoritos</font></small></a>

Listo! Espero les sirva... y me dicen qué les parece en los comentarios. Saludos!

Cómo colocar la fecha en tu blog.

Un datito importante. Cómo colocar la fecha en tu blog. Es un script muy sencillo, que agregas como elemento html en un gadget y se actualiza automáticamente. Copia y pega el código. <p align="center"> <font face="arial" color="black" size="-1"> <b><i><script language="javascript"> <!-- nombres_dias = new Array("Domingo", "Lunes", "Martes", "Miércoles", "Jueves", "Viernes", "Sábado") nombres_meses = new Array("Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio", "Julio", "Agosto", "Septiembre", "Octubre", "Noviembre", "Diciembre") fecha_actual = new Date() dia_mes = fecha_actual.getDate() //dia del mes strdia_mes = (dia_mes <= 9) ? "0" + dia_mes : dia_mes dia_semana = fecha_actual.getDay() //dia de la semana mes = fecha_actual.getMonth() + 1 strmes = (mes <= 9) ? "0" + mes : mes anio = fecha_actual.getYear() if (anio < 100) anio = "19" + anio //pasa el año a 4 digitos else if ( ( anio > 100 ) && ( anio < 999 ) ) { //efecto 2000 var cadena_anio = new String(anio) anio = "20" + cadena_anio.substring(1,3) } document.write(nombres_dias[dia_semana] + ", " + dia_mes + " de " + nombres_meses[mes - 1] + " de " + anio) //--> </script> </i></b></font></p> Luego colocalo donde desees se vea en tu blog. Te lo dejo de ejemplo en el mío. Saludos!

Botones para el Blog

Para renovar la imagen. Hacer un menú con enlaces puede ser muy sencillo cuando ya se tienen las imágenes para enlazar. Esta página ofrece varios estilos de botones, en distintos colores, y detalles para el diseño como ser barra de separación, cartelitos para agregar texto y pequeños botones multiuso. Se trata de FreeButtons. Vamos por pasos: 1-La forma de trabajar para hacer un menú será guardar la serie de botones que hayas elegido en tu ordenador. (Guardar imagen como...) 2- Puedes usar el FrontPage (que es un programa que tienes en la pc, insertando estas imágenes, copiando el hipervínculo o enlace de cada una y, una vez que está organizado, ir a la versión HTML del FrontPage...y listo! Tendrás tu código que pegarás en el blog, lógicamente, en un gadget de HTML.) 3- Como mencionés otras veces, también puedes usar una entrada del blog, realizar todas las aplicaciones anteriores, ir a la versión HTML de la entrada y... lo mismo! Copiarla como elemento HTML y arrastrarla debajo del título o en lugar privilegiado del blog, ya que se trara de un menú de búsqueda. Quedaría algo así:

Lógicamente, deberías colocar los nombres en los botones lisos con un editor de imagen (Paint o cualquiera que tengas). Esta es sólo una idea que tendrías que desarrollar en base a la cantidad de enlaces que quieras colocar. Hay varios modelos. Exploren la página. Espero les sea útil. Ya empecé a trabajar en la escuela así que estaré menos en blog. Dejen comentarios e intentaré responder a la brevedad. Gracias por responder la encuesta de la semana pasada. Vemos que Mozilla sigue siendo el preferido así que será importante observar cómo se ve nuestro blog en, por lo menos, los dos navegadores mas usados. Saludos!

Cómo restaurar mi PC con sistema Window XP

Suele suceder que agregamos algún programa, archivos, y por algún motivo, perdemos material que teníamos guardado. (Eso me pasó cuando baje el Window Live, que me desorganizó la configuración de mi pc.)También si por mover cosas en nuestra pc, algunos ingresamos virus, troyanos, eliminamos claves de registro que no debemos, eliminamos programas del sistema importantes, etc. Sin embargo no todo está perdido porque Windows nos proporciona una herramienta para “retroceder en el tiempo” nuestra pc y enmendar algunos errores cometidos. Esta restauración es en Windows XP. WXP crea puntos de restauración en nuestra pc, que son estados donde la pc experimenta cambios importantes y se modifican elementos del sistema (registros, entradas, permisos), los cuales pueden alterar el funcionamiento de nuestra computadora para bien o para mal. Los puntos de restauración se marcan el tiempo y guardan la configuración de una pc, para que pueda regresarse a ese estado. Qué hacer? Antes de desesperarte y enloquecer intenta RECUPERAR la configuración a un estado previo al del gran momento en que te aconteció la crisis que describía. Cómo hacer? Es bastante sencillo. Los Técnicos en Reparación de PC lo utilizan. (Saludos a Diego, mi técnino que me enseñó esto que hoy les transmito) Vamos a seguir este camino: Inicio Programas Accesorios Herramientas del sistema Restaurar sistemas

En este punto estamos frente a la posibilidad de volver tu pc u ordenador a un estado anterior, previo al agregado de programas o realizado algun tipo de modificación. Aparece una ventana con tres opciones:

La primera dice: Restaurar mi equipo a un estado anterior. Ya está tildada. Continuas. > Siguiente

Aparece un calendario. Lee las instrucciones. Básicamente debes seleccionar un PUNTO DE RESTAURACION. Es decir una fecha a la que desees volver tu equipo. > Seleccionas la fecha. Y sigues las instrucciones hasta el final. Espera un ratito, mientras se restaura tu pc. Quedará en el estado de la fecha seleccionada, es decir que las modificaciones posteriores se habrán borrado. La restauración es reversible: si algo no te gustó, puedes Deshacer la última restauración ( en el cuadrito es la tercera opción). La segunda (Crear un punto de restauración) la creas ANTES de instalar algún programa que pueda ser peligroso o antes de hacer algún cambio del que no estés muy seguro. Bueno, si te sirvió dejame unos puntitos en el botón verde de VOTA por mí. Necesito estímulos en estos días... (habrá restauradores para humanos???... imaginen!!!) Saludos! Y a no desesperar!!!

Cómo colocar reproductor de MP3 o Midis

Hace bastante estoy investigando foros y una serie de páginas para colocar mp3 y midis en el blog. Descubrí varios reproductores: algunos visible... y otros invisibles. Hoy les dejo una forma sencilla de colocar música en el blog con mp3. Tenemos dos pasos para seguir: Paso 1- El primero es buscar la url del archivo MP3. Estos están en la red porque alguien los subió (como cualquier archivo). Nosotros podemos aprovecharlos o, en su defecto, subir los propios. Usaremos los que ya están alojados. Hay varias páginas (que coleccioné en mi búsqueda) pero les dejo esta que es muy simple de entender y usar. Se trata de http://www.mp3int.com/. Una interesante colección de mp3. Colocamos en nombre que deseamos encontrar en search. Te dirigirá a distintos archivos. Elige uno y te llevará a esta imagen, donde señalicé la URL del archivo MP3. Allí puedes ver la ruta de ese archivo de audio. Copia y guárdalo en un bloc de notas, para trabajar en el paso 2.

Paso 2- Debemos insertar la ruta anterior en un reproductor de audio. Encontré esta página que, si bien está en francés, es muy fácil de entender. Van al enlace siguiente y pegan la url que dejaron el el bloc. Entran acá donde insertarán la url que quedó en el blog de notas. Verán que comenzará a cargar el archivo.Tilden las opciones que desean: boucle es que se repite, automática (suena al entrar al blog) es la tercera, los fondos... personalicen como quieran. Una vez que esté completo van al paso dos (Balise) donde generarán el código completo. Luego lo copian y pegan en sus blogs. Quedará así. Dejo este botón de muestra de modo automático y con un clásico... Espero les guste y les sirva.Dejen comentarios!!!Y si a alguien le interesa lo de los midis me avisa. Saludos!

Colocar meta tags en tu blog

Para ser hallados en la Gran Red. En estos día varios me preguntaban por qué no aparecían sus blogs en los buscadores. Una forma sencilla de provocar ese encuentro es ayudar a los robots de búsqueda colocando meta tags en tu blog. Son etiquetas que se incluyen en el encabezado. No se ven, pero allí están y a la hora de buscar...plín! aparecen. El propósito es el de incluir información (metadatos) de referencia sobre la página: autor, título, palabras clave, descripción, etc. Deberás incluir un pequeño código en tu plantilla: Completa los datos entre las comillas de los siguientes meta-tags y pega el código antes de </head> (Usa Ctrl+f para la búsqueda)

<meta name="title" content="Titulo de tu página web"/> <meta name="keywords" content="palabras,claves,separadas,por,comas"/> <meta name="description" content="Descripcion de tu página web"/> <meta name="author" content="Nombre del autor"/> <meta name="robots" content="all"/> <meta name="revisit" content="10 days"/> <meta name="distribution" content="all"/>

Los últimos tres los puedes dejar así como están. La parte mas importante es el título. Colocalo antes bien arriba, entre <title> y </title> Espero les ayude ! saludos,

Trucos en HTML y renovación

Muchos trucos en HTML. ¿Estás en completo idilio con el lenguaje de programación? ¿No te asusta ver artilugios en html? Te dejo una página para que explores y disfrutes... de lo que consigas hacer.¡Aprovechala! Trucos en HTML. Aproveché para hacer un cambio de plantilla. Espero descargue mejor que la anterior. Saludos! Ferip

Colocar imagen en el truco SEGUIR LEYENDO

Para mejorar la imagen del blog... Hace días que Tomy, del blog team-picky , me preguntaba en la Cbox del pie de página… "ferip decime lo que te dije antes lo que los comentarios y del seguir leyendo"... o sea : Cómo colocar una imagen que reemplace al texto SEGUIR LEYENDO y CERRAR NOTA en ese truco. Bueno, allá vamos… Es muy sencillo. Se trata de reemplazar esa parte escrita por la URL de una imagen que exprese esa idea. Puede ser una flecha, un texto en la imagen, un ícono, etc. Algo parecido a lo que yo tengo en este blog (aunque no es el mismo truco, pero la idea es la misma). Entonces, vamos al código. Una vez que tienen insertado el truco (de no ser así les dejo abajo el enlace al truco para que lo hagan) van a la sección de las palabras a reemplazar. Esta: <span id='showlink'> <p><a href='javascript:void(0);' expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"'>SIGA LEYENDO</a></p> </span> <span id='hidelink' style='display:none'> <p><a href='javascript:void(0);' expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"'>CERRAR NOTA</a></p> </span> Bien, visualicen el texto a reemplazar. En su lugar colocarán esto: en lugar de SIGA LEYENDO en el lugar de CERRAR NOTA. Quedaría así: <span id='showlink'> <p><a href='javascript:void(0);' expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"'><img src=' URL de la imagen de apertura'/> </a></p> </span> <span id='hidelink' style='display:none'> <p><a href='javascript:void(0);' expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"'><img src=' URL de la imagen de cierre'/> </a></p> </span> Para terminar, y como sé que a todos nos gusta lo práctico, les dejo los códigos completos si los quieren usar. Son los que están de muestra, mas arriba.(... de mi colección, se los regalo ♥) <img src=' http://i222.photobucket.com/albums/dd59/feripula/LeermasFeripula.gif'/> <img src=' http://i222.photobucket.com/albums/dd59/feripula/CerrarnotaFeripula.gif'/> Ya saben dónde colocarlos así que les dejo SÓLO esos pedacitos. Listo. Espero les quede bien. Saludos! Truco Siga leyendo (Relacionado con este post)