Truco para acelerar la carga de imagenes.

Imágenes que cargan más rápido.


Desde el Netscape 2.0 que se provee del atributo LOWSRC para el elemento IMG. Este LOWSRC se usa para apuntar a una imágen que contenga menos colores, o tenga menos resolución, y que será mostrada antes de intentar cargar la imágen SRC.
Luego, cuando se haya recuperado todo el documento, y las imágenes LOWSRC, se procede con la carga de las imágenes SRC, encima de las anteriores.
Definir el tamaño de las imágenes.
Si uno define el tamaño de las imágenes en el mismo documento, se muestra el texto completo primero, y luego se comienzan a cargar las imágenes en espacios previamente reservados. Esto es muy útil ya que no es necesario esperar a que se cargen las imágenes para poder visualizar el documento.
Así,:



es mejor que:

Efecto de nevada para WordPress.

Agrega a tu blog WordPress un interesante efecto nevada, gracias a este sencillo plugin.


Let it Snow permite vestir nuestro blog WordPress de una forma apropiada para esta época del año, gracias a un efecto de caída de nieve.
Este plugin que apareció en la navidad de 2007 y que ha sido actualizado a Let it Snow versión 2.0, ahora nos permite personalizar el efecto de caída de copos de nieve, de esta manera podremos variar el número de copos, la velocidad de caída y ver toda la nieve caer en la parte inferior de la pantalla.
Para utilizar Let it Snow, debemos disponer de WordPress Version 1.5 o superior. Una vez descargado el plugin, hay que descomprimirlo y subirlo a nuestra carpeta wp-content/plugins para a continuación activarlo en nuestro panel de control.
Interesados pueden acceder a más información y descarga de Let it Snow pueden hacerlo desde wordpress.org

Atrae visitas con un juego.

Juegos en tu blog.

Quieres entretener a tus visitantes con juegos online? En Miniclips.com encotraras gran variedad de juegos.
Debes entrar en la seccion Editores o Webmasters, elegir el juego y darle click a Get Code, tan facil como esto, copia y pega el codigo en tu blog o web.
Si todo sale bien la cosa deberia de ver mas o menos asi:

Pagina con herramientas para tu blog.

Utiles herramientas para decorar tu blog.

Se trata de Wigflip.com una página que te permite realizar, entre otras cosas, "Super Stickies", textos animados, "Screedbots", TinyTags, etc.

Aquí te presento algunos ejemplos de las herramientas que puedes conseguir:



(Además, puedes personalizar el color de fondo de la nota, y el color del texto).



 
(También puedes personalizar el color del fondo [bg], y el color de la letra [fg] )



 
Para conseguir éstas y muchas más fantásticas imágenes personalizadas a tu gusto, ya sabes que solo tienes que acudir a la página wigflip.com

Codigos para efectos de ratón y cursor.

Trucos de efectos para el mouse y cursor.

Tenemos aqui algunos trucos y códigos javascript recopilados, que creemos que te pueden ser útiles para realizar cualquier página; basicamente son efectos que actuan sobre el funcionamiento del mouse o en el cursor de tu pagina web.

Estrella persiguiendo al puntero.
<!-- Dentro del Tag HEAD --><br /> <br /> <STYLE TYPE="text/css"> <!-- BODY{ overflow:scroll; overflow-x:hidden; } .s1 { position : absolute; font-size : 10pt; color : blue; visibility: hidden; } .s2 { position : absolute; font-size : 18pt; color : red; visibility : hidden; } .s3 { position : absolute; font-size : 14pt; color : gold; visibility : hidden; } .s4 { position : absolute; font-size : 12pt; color : lime; visibility : hidden; } //--> </STYLE><br /> <br /> <br /> <!-- Dentro del Tag BODY --><br /> <br /> <DIV ID="div1" CLASS="s1">*</DIV><DIV ID="div2" CLASS="s2">*</DIV><DIV ID="div3" CLASS="s3">*</DIV><DIV ID="div4" CLASS="s4">*</DIV><br /> <br /> <SCRIPT LANGUAGE="javascript" TYPE="text/javascript"> // adaptado por http://www.bibliotutos.blogspot.com var nav = (document.layers); var tmr = null; var spd = 50; var x = 0; var x_offset = 5; var y = 0; var y_offset = 15; if(nav) document.captureEvents(Event.MOUSEMOVE); document.onmousemove = get_mouse; function get_mouse(e) { x = (nav) ? e.pageX : event.clientX+document.body.scrollLeft; y = (nav) ? e.pageY : event.clientY+document.body.scrollTop; x += x_offset; y += y_offset; beam(1); } function beam(n) { if(n<5) { if(nav) { eval("document.div"+n+".top="+y); eval("document.div"+n+".left="+x); eval("document.div"+n+".visibility='visible'"); } else { eval("div"+n+".style.top="+y); eval("div"+n+".style.left="+x); eval("div"+n+".style.visibility='visible'"); } n++; tmr=setTimeout("beam("+n+")",spd); } else { clearTimeout(tmr); fade(4); } } function fade(n) { if(n>0) { if(nav)eval("document.div"+n+".visibility='hidden'"); else eval("div"+n+".style.visibility='hidden'"); n--; tmr=setTimeout("fade("+n+")",spd); } else clearTimeout(tmr); } // --> </SCRIPT><br />

Conjunto de estrellas persiguiendo al cursor.
<LAYER NAME="a0" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ffffff" CLIP="0,0,1,1"></LAYER><br /> <LAYER NAME="a1" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#fff000" CLIP="0,0,1,1"></LAYER><br /> <LAYER NAME="a2" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ffa000" CLIP="0,0,1,1"></LAYER><br /> <LAYER NAME="a3" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ff00ff" CLIP="0,0,1,1"></LAYER><br /> <LAYER NAME="a4" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#00ff00" CLIP="0,0,1,1"></LAYER><br /> <LAYER NAME="a5" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FF00FF" CLIP="0,0,1,1"></LAYER><br /> <LAYER NAME="a6" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FF0000" CLIP="0,0,1,1"></LAYER><br /> <LAYER NAME="a7" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ffffff" CLIP="0,0,2,2"></LAYER><br /> <LAYER NAME="a8" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#fff000" CLIP="0,0,2,2"></LAYER><br /> <LAYER NAME="a9" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ffa000" CLIP="0,0,2,2"></LAYER><br /> <LAYER NAME="a10" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ff00ff" CLIP="0,0,2,2"></LAYER><br /> <LAYER NAME="a11" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#00ff00" CLIP="0,0,2,2"></LAYER><br /> <LAYER NAME="a12" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#0000ff" CLIP="0,0,2,2"></LAYER><br /> <LAYER NAME="a13" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FF0000" CLIP="0,0,3,3"></LAYER><br /> <br /> <br /> <script language="JavaScript"> /* Magic Wand cursor (By Kurt at kurt.grigg@virgin.net) Modified and 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 */ if (document.all){ with (document){ write('<div id="starsDiv" style="position:absolute;top:0px;left:0px">') write('<div style="position:relative;width:1px;height:1px;background:#ffffff;font-size:1px;visibility:visible"></div>') write('<div style="position:relative;width:1px;height:1px;background:#fff000;font-size:1px;visibility:visible"></div>') write('<div style="position:relative;width:1px;height:1px;background:#ffa000;font-size:1px;visibility:visible"></div>') write('<div style="position:relative;width:1px;height:1px;background:#ff00ff;font-size:1px;visibility:visible"></div>') write('<div style="position:relative;width:1px;height:1px;background:#00ff00;font-size:1px;visibility:visible"></div>') write('<div style="position:relative;width:1px;height:1px;background:#0000ff;font-size:1px;visibility:visible"></div>') write('<div style="position:relative;width:1px;height:1px;background:#FF0000;font-size:1px;visibility:visible"></div>') write('<div style="position:relative;width:2px;height:2px;background:#ffffff;font-size:2px;visibility:visible"></div>') write('<div style="position:relative;width:2px;height:2px;background:#fff000;font-size:2px;visibility:visible"></div>') write('<div style="position:relative;width:2px;height:2px;background:#ffa000;font-size:2px;visibility:visible"></div>') write('<div style="position:relative;width:2px;height:2px;background:#ff00ff;font-size:2px;visibility:visible"></div>') write('<div style="position:relative;width:2px;height:2px;background:#00ff00;font-size:2px;visibility:visible"></div>') write('<div style="position:relative;width:2px;height:2px;background:#0000ff;font-size:2px;visibility:visible"></div>') write('<div style="position:relative;width:3px;height:3px;background:#FF0000;font-size:3px;visibility:visible"></div>') write('</div>') } } var Clrs=new Array(6) Clrs[0]='ff0000'; Clrs[1]='00ff00'; Clrs[2]='000aff'; Clrs[3]='ff00ff'; Clrs[4]='fff000'; Clrs[5]='fffff0'; if (document.layers) {window.captureEvents(Event.MOUSEMOVE);} var yBase = 200; var xBase = 200; var step; var currStep = 0; var Xpos = 1; var Ypos = 1; if (document.all) { function MoveHandler(){ Xpos = document.body.scrollLeft+event.x; Ypos = document.body.scrollTop+event.y; } document.onmousemove = MoveHandler; } else if (document.layers) { function xMoveHandler(evnt){ Xpos = evnt.pageX; Ypos = evnt.pageY; } window.onMouseMove = xMoveHandler; } function animateLogo() { if (document.all) { yBase = window.document.body.offsetHeight/4; xBase = window.document.body.offsetWidth/4; } else if (document.layers) { yBase = window.innerHeight/4; xBase = window.innerWidth/4; } if (document.all) { for ( i = 0 ; i < starsDiv.all.length ; i++ ) {step=3; starsDiv.all[i].style.top = Ypos + yBase*Math.cos((currStep + i*4)/12)*Math.cos(0.7+currStep/200); starsDiv.all[i].style.left = Xpos + xBase*Math.sin((currStep + i*3)/10)*Math.sin(8.2+currStep/400); for (ai=0; ai < Clrs.length; ai++) { var c=Math.round(Math.random()*[ai]); } starsDiv.all[i].style.background=Clrs[c]; } } else if (document.layers) { for ( j = 0 ; j < 14 ; j++ ) //number of NS layers! {step = 4; var templayer="a"+j document.layers[templayer].top = Ypos + yBase*Math.sin((currStep + j*4)/12)*Math.cos(0.7+currStep/200); document.layers[templayer].left = Xpos + xBase*Math.sin((currStep + j*3)/10)*Math.sin(8.2+currStep/400); for (aj=0; aj < Clrs.length; aj++) { var c=Math.round(Math.random()*[aj]); } document.layers[templayer].bgColor=Clrs[c]; } } currStep+= step; setTimeout("animateLogo()", 10); } animateLogo(); // --> </script><br />

Conjunto de bolas persiguiendo al cursor.
<!--inserta aqui tantas imágenes como quieras que sigan al cursor --><br /> <div id="dot0" style="position: absolute; visibility: hidden; height: 11; width: 11; left: 12; top: 0"><img src="../../imagenes/AM11.gif" height=11 width=11></div><div id="dot1" style="position: absolute; height: 11; width: 11;"><img src="../../imagenes/AM11.gif" height=8 width=8></div><div id="dot2" style="position: absolute; height: 11; width: 11;"><img src="../../imagenes/AM11.gif" height=8 width=8></div><div id="dot3" style="position: absolute; height: 11; width: 11;"><img src="../../imagenes/AM11.gif" height=8 width=8></div><div id="dot4" style="position: absolute; height: 11; width: 11;"><img src="../../imagenes/AM11.gif" height=8 width=8></div><div id="dot5" style="position: absolute; height: 11; width: 11;"><img src="../../imagenes/AM11.gif" height=8 width=8></div><div id="dot6" style="position: absolute; height: 11; width: 11;"><img src="../../imagenes/AM11.gif" height=8 width=8></div><div id="dot7" style="position: absolute; height: 11; width: 11;"><img src="../../imagenes/AM11.gif" height=8 width=8></div><div id="dot8" style="position: absolute; height: 11; width: 11;"><img src="../../imagenes/AM11.gif" height=8 width=8></div><br /> <script LANGUAGE="JavaScript"> <!-- hide code /* Elastic Trail script (By Philip Winston @ pwinston@yahoo.com, URL:http://members.xoom.com/ebullets) Script featured on Dynamicdrive.com For this and 100's more DHTML scripts, visit http://dynamicdrive.com Apaptado y traducido al español por http://www.losrecursosgratis.com. Mas de 100 JavaScript en tu idioma y con ejemplos reales. */ // Thanks to Troels Jakobsen <tjak@get2net.dk> // configura el número de imágenes que seguiran al cursor. No olvides poner las mismas que hayas insertado anteriormente. var nDots = 9; if (document.all&&window.print) document.body.style.cssText="overflow-x:hidden;overflow-y:scroll" var Xpos = 0; var Ypos = 0; // variable de tiempo var DELTAT = .01; // distancia entre las imágenes var SEGLEN = 4; // variable de la elasticidad (preferible no poner mucho) var SPRINGK = 10; // constantes físicas supuestas; la imagen se conporta como un cuerpo var MASS = 1; var GRAVITY = 50; var RESISTANCE = 10; var STOPVEL = 0.1; var STOPACC = 0.1; var DOTSIZE = 11; var BOUNCE = 0.75; var isNetscape = navigator.appName=="Netscape"; var followmouse = true; var dots = new Array(); init(); function init() { var i = 0; for (i = 0; i < nDots; i++) { dots[i] = new dot(i); } if (!isNetscape) { // I only know how to read the locations of the // <LI> items in IE //skip this for now // setInitPositions(dots) } // set their positions for (i = 0; i < nDots; i++) { dots[i].obj.left = dots[i].X; dots[i].obj.top = dots[i].Y; } if (isNetscape) { // start right away since they are positioned // at 0, 0 startanimate(); } else { // let dots sit there for a few seconds // since they're hiding on the real bullets setTimeout("startanimate()", 2000); } } function dot(i) { this.X = Xpos; this.Y = Ypos; this.dx = 0; this.dy = 0; if (isNetscape) { this.obj = eval("document.dot" + i); } else { this.obj = eval("dot" + i + ".style"); } } function startanimate() { setInterval("animate()", 20); } // This is to line up the bullets with actual LI tags on the page // Had to add -DOTSIZE to X and 2*DOTSIZE to Y for IE 5, not sure why // Still doesn't work great function setInitPositions(dots) { // initialize dot positions to be on top // of the bullets in the <ul> var startloc = document.all.tags("LI"); var i = 0; for (i = 0; i < startloc.length && i < (nDots - 1); i++) { dots[i+1].X = startloc[i].offsetLeft startloc[i].offsetParent.offsetLeft - DOTSIZE; dots[i+1].Y = startloc[i].offsetTop + startloc[i].offsetParent.offsetTop + 2*DOTSIZE; } // put 0th dot above 1st (it is hidden) dots[0].X = dots[1].X; dots[0].Y = dots[1].Y - SEGLEN; } // just save mouse position for animate() to use function MoveHandler(e) { Xpos = e.pageX; Ypos = e.pageY; return true; } // just save mouse position for animate() to use function MoveHandlerIE() { Xpos = window.event.x + document.body.scrollLeft; Ypos = window.event.y + document.body.scrollTop; } if (isNetscape) { document.captureEvents(Event.MOUSEMOVE); document.onMouseMove = MoveHandler; } else { document.onmousemove = MoveHandlerIE; } function vec(X, Y) { this.X = X; this.Y = Y; } // adds force in X and Y to spring for dot[i] on dot[j] function springForce(i, j, spring) { var dx = (dots[i].X - dots[j].X); var dy = (dots[i].Y - dots[j].Y); var len = Math.sqrt(dx*dx + dy*dy); if (len > SEGLEN) { var springF = SPRINGK * (len - SEGLEN); spring.X += (dx / len) * springF; spring.Y += (dy / len) * springF; } } function animate() { // dots[0] follows the mouse, // though no dot is drawn there var start = 0; if (followmouse) { dots[0].X = Xpos; dots[0].Y = Ypos; start = 1; } for (i = start ; i < nDots; i++ ) { var spring = new vec(0, 0); if (i > 0) { springForce(i-1, i, spring); } if (i < (nDots - 1)) { springForce(i+1, i, spring); } // air resisitance/friction var resist = new vec(-dots[i].dx * RESISTANCE, -dots[i].dy * RESISTANCE); // compute new accel, including gravity var accel = new vec((spring.X + resist.X)/ MASS, (spring.Y + resist.Y)/ MASS + GRAVITY); // compute new velocity dots[i].dx += (DELTAT * accel.X); dots[i].dy += (DELTAT * accel.Y); // stop dead so it doesn't jitter when nearly still if (Math.abs(dots[i].dx) < STOPVEL && Math.abs(dots[i].dy) < STOPVEL && Math.abs(accel.X) < STOPACC && Math.abs(accel.Y) < STOPACC) { dots[i].dx = 0; dots[i].dy = 0; } // move to new position dots[i].X += dots[i].dx; dots[i].Y += dots[i].dy; // get size of window var height, width; if (isNetscape) { height = window.innerHeight + document.scrollTop; width = window.innerWidth + document.scrollLeft; } else { height = document.body.clientHeight + document.body.scrollTop; width = document.body.clientWidth + document.body.scrollLeft; } // bounce of 3 walls (leave ceiling open) if (dots[i].Y >= height - DOTSIZE - 1) { if (dots[i].dy > 0) { dots[i].dy = BOUNCE * -dots[i].dy; } dots[i].Y = height - DOTSIZE - 1; } if (dots[i].X >= width - DOTSIZE) { if (dots[i].dx > 0) { dots[i].dx = BOUNCE * -dots[i].dx; } dots[i].X = width - DOTSIZE - 1; } if (dots[i].X < 0) { if (dots[i].dx < 0) { dots[i].dx = BOUNCE * -dots[i].dx; } dots[i].X = 0; } // move img to new position dots[i].obj.left = dots[i].X; dots[i].obj.top = dots[i].Y; } } // end code hiding --> </script><br />

Anular boton de la derecha.
<!-- Botón derecho del mouse --><br /> <br /> <script LANGUAGE="JavaScript1.1"> <!-- Adaptado por Tk: Compatible con IE y NS --> function derecha(e) { if (navigator.appName == 'Netscape' && (e.which == 3 || e.which == 2)){ alert('Botón derecho inhabilitado') return false; } else if (navigator.appName == 'Microsoft Internet Explorer' && (event.button == 2)){ alert('Botón derecho inhabilitado') } } document.onmousedown=derecha </script><br />

Anular boton de la izquierda.
><!-- Botón izquierdo del mouse --><br /> <br /> <script LANGUAGE="JavaScript1.1"> <!-- Adaptado por Tk: Compatible con IE y NS --> function izquierda(e) { if (navigator.appName == 'Netscape' && (e.which == 1 || e.which == 2)){ alert('Botón izquierdo inhabilitado') return false; } else if (navigator.appName == 'Microsoft Internet Explorer' && (event.button == 1)){ alert('Botón izquierdo inhabilitado') } } document.onmousedown=izquierda </script><br />

Anular boton de la derecha e izquierda.
<!-- Botón izquierdo y derecho del mouse --><br /> <br /> <script LANGUAGE="JavaScript1.1"> <!-- Adaptado por Tk: Compatible con IE y NS --> function ambos(e) { if (navigator.appName == 'Netscape' && (e.which == 1 || e.which == 3 || e.which == 2)){ alert('Los botones del mouse han sido inhabilitados') return false; } else if (navigator.appName == 'Microsoft Internet Explorer' && (event.button == 1 || event.button == 2)){ alert('Los botones del mouse han sido inhabilitados') } } document.onmousedown=ambos </script><br />


ALGUNAS RECOMENDACIONES PARA INCLUIR LOS CÓDIGOS

Debes copiar el contenido de los cuadros de textos (CTRL + C) y luego pegarlo en tu editor de HTML ( CRTL + V). Normalmente si es un editor gráfico (tipo FrontPage o Nestcape composer) será muy sencillo; vas a Insertar código HTML y lo pegas allí; por defecto te lo pega entre las etiquetas ; la mayoria de los que tenemos incluidos en nuestra página, y por norma general, van incluidos ahí, por lo que no deberás hacer más; pero hay partes de código, o a veces incluso todo el código (esta comentado en el mismo código, ya que aparece entre dos etiquetas distintas a ) deberás insertarlo en donde el código te indique (normalmente entre las etiquetas ). Para incluirlo allí, sólo debes cortar el código correspondiente a esta parte de las etiquetas y pegarlo en su sitio.
Por último, y si se necesita, sustituye los parámetros de ejemplos por los tuyos (Links, fuentes...) y a funcionar. Te recomendamos que los pruebes primero en una página nueva, para que te familiarices con su funcionamiento, y posteriormente los adaptes a lo que busques y lo pegues en tu página.

Mensaje al entrar y salir de la pagina.

Les traigo aqui un codigo para que cuando un visitante entre o salga de tu pagina web se abra una ventana emergente con un saludo.

Debes sustituir el primer <body> por el siguiente codigo en la vista HTML

<BODY onLoad="alert('Bienvenido a mi web');" onUnLoad="confirm('Gracias por tu visita, espero que no sea la última');">


Puedes editar los mensajes a tu gusto.

Como optimizar los links

A continuación algunos consejos útiles sobre como incluir en laces utiles en nuestra web o blog. Los en laces o links en los sitios web, son lo que da vida a todo internet.


1) NO DIGAS A TUS LECTORES CLICK AQUÍ. Utilizar el texto "Click aquí" o "pulsa aqui" para generar links en tu página es uno de los peores errores que cometen los bloggers y creadores de páginas web.

Uso incorrecto: Pulsa aquí para saber cómo poner una galeria de fotos en tu blog.

Uso correcto: Aprende cómo poner una galeria de fotos en tu blog.


2) LOS LINKS QUE PONGAS SIEMPRE DEBEN LLEVAR EL PROTOCOLO HTTP://

3) NO REPETIR ENLACES EN EL MISMO ARTÍCULO. ¿Qué ocurre si escribiésemos un artículo sobre esta web donde mencionáramos el nombre de esta web como mínimo unas 200 veces?

Uso incorrecto: Bibliotutos es una web que trata de favorecer la creación de blogs con toda la ayuda posible y accesible para que el usuario pueda aprender poco a poco en este loco mundo de la creación web. Bibliotutos ofrece consejos, trucos, diseños para comenzar desde cero... Bibliotutos


Uso correcto: Bibliotutos es una web que trata de favorecer la creación de blogs con toda la ayuda posible y accesible para que el usuario pueda aprender poco a poco en este loco mundo de la creación web. Bibliotutos ofrece consejos, trucos, diseños para comenzar desde cero... Bibliotutos


4) LINKS VALIOSOS. Los buscadores, como google o yahoo, toman muy en cuenta los links integrados en la web a la hora de indexar los contenidos de la red. Todos los links que llegues a realizar desde tu sitio web o blog son votos de confianza que le das a otros sitios web. Siempre que puedas cita otras fuentes en los contenidos de tu sitio y dale tus votos de confianza a los proyectos que admiras. De esta forma creamos una telaraña que relaciona cada parte entre sí, consiguiendo así llegar mucho más rápido a la información requerida.

Truco entrada siempre arriba.

Como hacer para dejar una entrada siempre arriba del blog.

Para los que desean darle al blog una apariencia de página web, he aqui la forma de hacer que un post este siempre arriba, puedes hacer una entrada de bienvenida o explicativa la cual siempre estara arriba de todos los posts.
Como sabemos, Blogger ordena los posts por orden de fecha, del más reciente al más antiguo, por lo que siempre que escribamos un nuevo post éste ocupará la primera posición, es decir, estará hasta arriba de todos los posts, así que cada vez que escribamos un post nuevo se va hasta arriba de todas las entradas.


¿Entonces cómo hacer para dejar un post específico siempre hasta arriba?
Simple, usaremos la misma técnica que usamos para cambiar el orden de entradas, sólo que nos adelantaremos en el tiempo.
Primero redacta tu entrada que quieres dejar hasta arriba del blog.
Cuando hayas terminado publícala como lo harías normalmente.
Ahora haz click en Editar entrada y abajo del editor de entradas, junto al espacio para agregar las etiquetas haz click en Opciones de entrada.
Ahora en Fecha y hora de la entrada cambia el año de la fecha por el año 2025, por ejemplo, si la entrada la publicaste el día 24/09/09 cámbiala por 24/09/25




Listo, de estar forma esa entrada estará siempre arriba de las demás entradas (hasta el año 2025), así aunque publiques una nueva entrada ese post estará siempre arriba, no se moverá, a menos que publiques un post con una fecha más adelantada. Hasta el año 2025, cuando llege esa fecha cambiala por otra.


Ojo, recuerda que primero debes publicar la entrada con la fecha normal, de lo contrario la estarías programando para que se publique el año 2025.

Efecto esquina doblada.

Truco esquina que se dobla.

Aqui les traigo este truco que esta muy bueno. Sirve para mostrar otro blog, sobre todo si tienes más de uno y da la impresión de que este otro blog está colocado justo debajo del que estás viendo.
Al poner el ratón en la esquina del blog, ésta se dobla mostrando el que está "debajo" y, al mismo tiempo, sirve de enlace a él.
Para colocarlo en tu blog has de hacer lo siguiente:
Ante todo prepara la imagen del blog que vas a mostrar debajo.
Para ello, haz una captura de pantalla, del blog en cuestión, pulsando a la vez las teclas Alt e Impr Pant. En cuanto las hayas pulsado abre Paint, por ejemplo, y en Edición pincha en Pegar. Verás la imagen que has capturado. Luego en Archivo elige guardar como y lo guardas como JPEG (paint suele guardalas en formato bmp).
Deberías recortarla o hacerle algún arreglo pues capturarás la ventana completa, con barras del navegador y todo, lo que no queda muy bonito.
También has de tener en cuenta la medida. La ideal es de 500x500. Más de eso, dependiendo de donde esté colocado, no se verá el título del blog. Menos de eso se ve parte del blog principal.
Una vez que tengas la imagen preparada, sigue estos pasos:
1º.- Descargar este archivo.
2º.- Abrirlo, pues está en zip.
3º.- Una vez descomprimido abre la carpeta de tus documentos y arrastra a ella los siguientes archivos: Small.swf - Small.jpg - large.swf y peel.js
4º.- La imagen que has preparado, muévela o cópiala en tus documentos.
5º.- Sube los 3 primeros archivos, más el de la imagen que hayas preparado, a un servidor, por ejemplo google pages.
6º- Edita el archivo peel.js Para ello has de abrirlo y modificar estos datos:

jaaspeel.ad_url = escape('URL DE LA PAGINA A DIRIGIRNOS');
jaaspeel.small_path = 'URL DEL ARCHIVO small.swf';
jaaspeel.small_image = escape('URL DEL ARCHIVO small.jpg');
jaaspeel.big_path = 'URL DEL ARCHIVO large.swf';
jaaspeel.big_image = escape('URL DE LA IMAGEN DE FONDO GUARDADA COMO JPEG');

cambiando lo que está en rojo por la url del otro blog, en el primer caso y por las que les dará el servidor, en los otros, vigilando de no borrar ningún apóstrofe de los que abren y cierran las direcciones.
7º.- Una vez modificado, guarda el archivo y súbelo también al servidor.
8º.- Entra en Edición de HTML de tu blog y añade esto

<script src='URL DEL ARCHIVO peel.js'<br />type='text/javascript'></script><br />

debajo de cambiando lo que está en rojo por la dirección del archivo modificado que has subido el último.
Haz vista previa, y si todo ha ido bien, verás el efecto al momento.

Pedir nick y contraseña.

Aqui les dejo el codigo que les permitira pedir el nombre de usuario o nick y la contraseña a los visitantes de su pagina:
<script language="JavaScript"> <!-- var username = prompt("Introduce Nombre Usuario","") var password = prompt("Introduce el Password","") if (username !=" nick " || password !=" contraseña ") { top.location="about:Bad Username and/or Password" } //--> </script>
Pueden modificar a su gusto las palabras, "nick" y "contraseña".