| [+/-] |
Mensaje con la y fecha de la última actualización |
Queréis poner en el blog una nota para que vuestros lectores sepan en que fecha lo hemos actualizado. Pues podéis hacerlo añadiendo un sencillo código.
Sólo debeis copiar este código y añadirlo como un nuevo elemento de página :
Sólo debeis copiar este código y añadirlo como un nuevo elemento de página :
<font face="arial" color="black" size="1"> <script language="JavaScript" type="text/javascript"> <!-- // ultima modificacion var a; a=new Date(document.lastModified); lm_year=a.getYear(); if (lm_year<1000){ //just in case date is delivered with 4 digits if (lm_year<70){ lm_year=2000+lm_year; } else lm_year=1900+lm_year; } //end workaround lm_month=a.getMonth()+1; if (lm_month<10){ lm_month='0'+lm_month; } lm_day=a.getDate(); if (lm_day<10){ lm_day='0'+lm_day; } document.write("Pagina actualizada el " + lm_day+'/'+lm_month+'/'+lm_year); // --> </script> </font> |
En rojo los datos que podeis personalizar. Para ver como queda mirad mi blog arriba de todo en la sidebar.
Actualización de 04/02/2009:
Actualmente este artilugio a sufrido variaciones y se muestra diferente forma.
| [+/-] |
Ventana para visualizar otros blogs o webs |
Quieres visualizar una página web dentro de tu blog, podemos conseguir el efecto con un sencillo código:
| <iframe src="URL de la página" WIDTH="50%" HEIGHT="400"></iframe> |
Logicamente pondremos la URL de la página que deseemos y las medidas que queramos dar a la ventana en WIDTH y en HEIGHT.
Quedaria mas o menos de la siguiente forma:
Espero le encontreis alguna utilidad.
| [+/-] |
Mostrar los dias de vida de tu blog |
Hace ya bastante tiempo en uno de mis blogs inserté un código para mostrar los días que este llevaba publicado en Internet, hoy he decidido desempolvado y aquí os lo dejo por si le encontráis alguna utilidad:
<script>
var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec")
function countup(yr,m,d){
var today=new Date()
var todayy=today.getYear()
if (todayy < 1000)
todayy+=1900
var todaym=today.getMonth()
var todayd=today.getDate()
var todaystring=montharray[todaym]+" "+todayd+", "+todayy
var paststring=montharray[m-1]+" "+d+", "+yr
var difference=(Math.round((Date.parse(todaystring)-Date.parse(paststring))/(24*60*60*1000))*1)
difference+=" dias"
document.write("Este blog nació hace "+difference+" y aquí seguimos!")
}
countup(2008,04,01)
</script>
Hoy es <script><!--
dows = new Array("Domingo","Lunes","Martes","Miercoles","Jueves","Viernes","Sabado");
months = new Array("Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre");
now = new Date();
dow = now.getDay();
d = now.getDate();
m = now.getMonth();
h = now.getTime();
y = now.getFullYear();
document.write(dows[dow]+" "+d+" de "+months[m]+" de "+y);
//--></script>
Los datos que os he remarcado en rojo, los podeis modificar segun vuestro idioma o a vuestro gusto.
| [+/-] |
Reflejos de agua en nuestras imagenes |
He encontrado un editor de imagenes que crea un efecto de agua en movimiento en la parte inferior de cualquier foto o imagen en tan solo unos pocos pasos.
Se trata de la web Fotline.com (en inglés), entre otras opciones para conseguir el reflejo de agua nosotros seleccionaremos "Effects" y escogeremos la opcion "Water Effect", clicamos en "Browse" y especificamos la ruta de la imagen para subirla. La imagen nos es devuelta en formato GIF animado, junto con los códigos para compartirla donde queramos, otra opción es hacer como yo he hecho de alojarla en imageshack.
Se trata de la web Fotline.com (en inglés), entre otras opciones para conseguir el reflejo de agua nosotros seleccionaremos "Effects" y escogeremos la opcion "Water Effect", clicamos en "Browse" y especificamos la ruta de la imagen para subirla. La imagen nos es devuelta en formato GIF animado, junto con los códigos para compartirla donde queramos, otra opción es hacer como yo he hecho de alojarla en imageshack.
Quedaria de la siguiente forma:
Fotline.com tiene otras opciones para dar efectos a nuestras imagenes, se trata de ir provando las opciones que nos ofrecen el inconveniente es que nos añade publicidad.
Fotline.com tiene otras opciones para dar efectos a nuestras imagenes, se trata de ir provando las opciones que nos ofrecen el inconveniente es que nos añade publicidad.
| [+/-] |
Eliminar el suscribirse a entradas Atom |
Si en nuestro blog no queremos mostrar el texto "Suscribirse a entradas Atom" lo podemos eliminar fácilmente:
Iremos a Plantilla / Configuración / Feed del Sitio.
Donde dice: "Permitir feeds del blog" escogeremos: Ninguno.
Si solo queremos ocultar el texto de "Suscribirse a entradas Atom" sin prescindir de esta utilidad, debemos buscar en nuestra plantilla:
.feed-links {
clear: both;
line-height: 2.5em;
}
Y sustituirlo por el código siguiente:
.feed-links {
clear: both;
line-height: 2.5em;
visibility:hidden;
display:none;
}
Visto en: gemablog
| [+/-] |
Fotos efecto Polaroid |
Buscando por la red he dado con la pagina Photo Notes, es un editor de fotos que recrea el efecto de las fotografías tomadas con las clásicas cámaras Polaroid. 
Gracias a Photo Notes podremos crear de forma sencilla y con solo unos clicks nuestra foto con el efecto que deseemos.
Para ello seguiremos los siguientes pasos:
Paso 1 - Especificamos la imagen mediante "Upload a photo" y clicamos en "Browse..."
Paso 2 - Seleccionamos el marco que mas nos guste.
Paso 3 - Seguimos con la fuente por si nos interesa poner alguna nota en la fotografía.
Paso 4 - Seleccionamos el color de la fuente.
Paso 5 - Escribimos la nota que queramos insertar.
Clicamos en "Preview" y ya tenemos nuestra foto polaroid lista.
Ahora podemos enviarla por e-mail, si solo queremos guardarla ya sabéis click con el boton izquierdo y "guardar imagen como".
La história quedaria mas o menos así:
Espero os guste .... (la aplicación on line) ;)
| [+/-] |
Frases aleatorias en nuestro blog |
Hoy os propongo un sencillo código para mostrar una frase distinta de forma aleatoria cada vez que entres al blog.
Se puede poner en la parte del blog que mas nos guste mediante "Añadir elemento Html/Javascript.
Podréis personalizar las frases (en rojo) a vuestro gusto se pueden poner tantas como queramos y del largo que desees.
Código javascript a insertar en el blog:
<script language="JavaScript">
frases = new Array()
frases[1] = "Bienvenidos a Tirando de Blog"
frases[2] = "Lee el blog y deja un comentario"
frases[3] = "Mira todas las secciones"
frases[4] = "Gracias por visitarme"
aleatorio = Math.random() * (frases.length)
aleatorio = Math.floor(aleatorio)
document.write(frases[aleatorio])
</script>
Una vez ubicado el código, si cargais pagina o bien presionais F5 vereis como van pasando las distintas frases.
Personalizar nuestras frases:
En el ejemplo he puesto 4 frases (en rojo), por supuesto podéis poner lo que os venga de gusto.
Al código podríamos hacerle mas modificaciones, como por ejemplo fuente, color..
Espero le encontréis alguna utilidad, si hay algo me lo contais
| [+/-] |
Subir un vídeo a Blogger |
Hoy vamos a explicar como subir un vídeo de Youtube a Blogger, es muy sencillo pero si no se hace bien suele dar problemas.
Para agregar un vídeo a una entrada, escogeremos el vídeo que nos gusta yo he optado por este: http://es.youtube.com/watch?v=Oi_GXwFZ8q0 (la URL la he encontrado gracias al buscador que nos facilita youtube).
Ya en youtube, a la derecha del reproductor encontramos un código donde pone “Insertar”.
En este ejemplo el código es este:
<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/Oi_GXwFZ8q0&hl=es"></param><embed src="http://www.youtube.com/v/Oi_GXwFZ8q0&hl=es" type="application/x-shockwave-flash" width="425" height="344"></embed></object>
Vamos a “Nueva entrada” y seleccionamos "Edición de HTML", importante, no utilices la opción “Redactar”, con un sencillo copiar en el código de youtube y un pegar en nuestro editor ya tendremos ubicado el video, ahora es cuando podemos poner cualquier texto antes o después del código mencionado.
Quedaría así:
Si es de nuestro interés etiquetamos la nueva entrada y podemos visualizarlo previamente antes de publicar.
| [+/-] |
Los dominios mas peligrosos de Internet |
La empresa McAfee que se dedica a crear antivirus y sistemas de seguridad para ordenadores ha advertido de cuales son los dominios más peligrosos para visitar en la red. - Con un 19,20% se sitúan como los más peligrosos los “.hk” de Hong Kong,.
- Detrás de ellos con un 11,80% se sitúan los dominios provenientes de China “.cn”.
- Y por ultimo con un 11,70% los genéricos “.info”.
Y en el lado contrario a este listado se encuentran los más seguros.
- Entre los que destacan los de Australia “.au” con tan solo 0,30% de peligrosidad al navegar.
- Seguidos de los “.jp” provenientes de Japón con un 0,10% de peligrosidad.
- Quedando como los mas seguros son los “.gov” de organismos gubernamentales de EE UU, con un 0,05%.
Visto en Celefriquis.
| [+/-] |
Ventana para enlaces o para texto 2 |
Atendiendo una nueva petición seguiremos retocando nuestra "ventana" que hemos creado para incluir códigos o texto partiendo de:
<textarea>Aquí va lo que quieras</textarea>
Para dar tamaño una forma fácil de hacerlo (otras formas mas complejas necesitas tocar la plantilla) es con los atributos columnas "cols" y filas "rows" y lo haremos de la siguiente forma:
<textarea name="ventana" rows="5" cols="40">Aquí va lo que quieras</textarea>
Si vamos modificando los valores iremos variando el tamaño de nuestra "ventana".
Aprovechando el tema, tambien podemos dar color de fondo a nuestra caja o ventana y lo haremos utilizando el atributo style="background-color:#C3D9FF;" de la siguiente forma:
<textarea name="ventana" rows="5" cols="40" style="background-color:#C3D9FF;">Aquí va lo que quieras</textarea>
Podeis modificar el código del color a vuestro gusto.
Logicamente podríamos hacer mas variaciones modificando los códigos.
Espero encontreis alguna utilidad, todo tuyo toledo1993.
| [+/-] |
Crear ventana para enlaces o para texto |
Con este título he querido ilustrar esta entrada, se trata de crear una "ventana" para poner cualquier texto o enlace, y lo haremos con la etiqueta <textarea> de la siguiente forma:
<textarea> Aquí pondremos el texto o lo que nos interese </textarea>
Y quedaria de la siguiente forma:
Espero te sirva toledo 1993, ya sabes que para lo que necesites...
| [+/-] |
Vinculos en las imagenes de blogger |
Al no tener mucho tiempo libre últimamente, voy de breve en breve, pero suelen ser muy útiles para quien no conoce las funciones que nos ofrece Blogger.
Recientemente Blogger ha habilitado la opción de poner un vinculo en cualquier imagen que deseemos subir a nuestro blog. Para ello iremos a nuestra plantilla, “Diseño”, “Añadir un elemento de página” y escoger “Imagen”:
Cuando tenemos la imagen ubicada en nuestro ordenador, nos disponemos a subirla:
Nos permite titular la imagen, ponerle un pie de foto y donde dice "Enlace" pondriamos la URL de la página que queremos enlazar con nuestra imagen, si marcamos "Reducir hasta ajustar" la imagen será ajustada a nuestra sidebar. Seguidamente guardamos cambios y listos.
| [+/-] |
Buscadores de iconos |
Cuando vamos creando nuestro blog a veces necesitamos iconos para funciones concretas (email, añadir a favoritos, pagina inicio, etc.) o bien para decorarlo, en este post os dejaré alguna web de iconos, la primera opción es:
ICONFINDER, sitio en inglés con mas de 21.000 iconos gratis para usos particulares no comerciales, todos en formato .png
ICONLET en inglés busca en formato .gif y .png, con mas de 40.000 iconos todos con licencias libres. 
SEARCHICON en ingles su base de datos consta de 53.000 iconos.
ICONLOOK en ingles podemos filtrar los resultados por tamaños: 12x12, 16x16, 32x32, 48x48, 64x64 y 128x128. 
INCONSPEDIA en ingles es un directorio de iconos gratuitos que se pone a disposición de los usuarios y permite descargar y compartir iconos. Son de calidad y están clasificados por categorías.
En fin os dejo cinco buenas opciones para conseguir iconos, si conoces mas webs, que por supuesto las hay y quieres añadirlas a este post, todo tuyo...
Suscribirse a:
Entradas (Atom)
