Posicionamiento web

Como conseguir un buen posicionamiento web en los buscadores para eso hay que seguir algunos pasos como conseguir que otras webs de temática relacionada enlacen con tu web. Para ello es interesante realizar una búsqueda para aquellos términos que consideras deberían llevar tráfico a tu web y estudiar cuáles de ellos tienen un contenido complementario. Si por ejemplo quieres posicionarte por el término "peluquería madrid" puede ser interesante intentar conseguir backlinks de peluquerías de otras ciudades. La temática será similar . # Darse de alta...

Read More

saber el tiempo vivido

Quieres saber cuanto tiempo has vivido? cuando ustedes pongan su fecha de nacimiento este le dira el día de la semana que nacistes y cuantos meses ,semanas,horas,minutos,segundos,y milisegundos han trancurrido hasta entonces y en que tiempo sera su proximo cumpleaños. Hola disculpen el inconveniente con este codigo pero por algun motivo dejo de funcionar estoy trabajando en ello espero y solucionarlo pronto mientras pueden chequear en este sitio saber el tiempo vivido muchas gracias por su visita.jo...

Read More

Numerar los comentarios en blogger

En esta entrada les muestro como numerar los comentarios es decir que cada comentario tenga su numero 1 2 3 etc, estos se van a mostrar entre mensaje y mensaje a la derecha lo pueden modificar a sus gustos. bueno para implementar esto y obtener el resultado vamos a ir a Diseño Edición de HTML y Marcamos la casilla "expandir artilugios" una ves hecho eso vamos a buscar este codigo: (les recomiendo usar Ctrl + F para buscar más rápido) <b:loop values='data:post.comments' var='comment'> una ves encontrado vamos a colocar dos codigos uno antes...

Read More

camara de seguridad para tu sitio

Con este gadget que les muestro hoy van a obtener el resultado de una cámara de vigilancia en su blog claro es una imagen animada no vayan a pensar que es de verdad   no tiene ninguna utilidad pero es un poco divertida bueno esto es a gusto de cada cual a lo mejor a alguien no le gusta pero para gustos se hicieron los colores jajaja esta cámara va a estar ubicada en la parte de arriba a la derecha pero ustedes la pueden modificar la posición. bueno para instalarla es muy simple van a diseño...

Read More

Personalizar la fecha de los post,(entradas) en tu blog

Con los siguientes pasos podremos hacer que las fechas de los post,entradas de nuestro blog se muestre dentro de un fondo que quieras mostrar con la medida 48 px por 49 px como el que yo tengo en mi blog, si no la quieres con un fondo igual te queda con un estilo diferente y mas hermoso de como la muestra blogger que es horizontal y por encima del titulo con los pasos que les boy a indicar hoy les va a quedar en miniatura y vertical arlado del titulo . Este es un ejemplo sin imagen de fondo: Y...

Read More

Eliminar la LightBox de Blogger

Muchas personas en su blog le a aparecido la LightBox de Blogger, recientemente agregó blogger de manera automática y obligatoria la LightBox en las imágenes de todos sus blogs. la lightbox es una forma de resaltar las fotografías y será útil para las personas que les gusta o que la hallan útil, pero no en todos los casos es igual,para esas personas que no la quieren aqui les voy a brindar el codigo por JMiur. Aquí tienen una imagen de la LightBox Para implementarlo vayan a diseño ,Edición de...

Read More

Imagenes rotativas con boton de start y stop

En este código vamos a usar la etiqueta marque que nos va a dar el efecto a estas imagenes ,rotandolas una detrás de otra también añadiéndoles otros atributos que necesitamos,vamos a ponerle la opción de empezar y parar recuerden pueden modificarlas a sus gustos como la velocidad en la que van a ir pasando la altura etc. este código lo van a poner en donde ustedes quieran que se muestre no necesitamos poner nada en el head. aquí pueden ver otras opciones de la etiqueta marque ver aquí Donde...

Read More

Galeria de imagen con la opcíon ampliar II

.gallerycontainer{ position: relative; /*Add a height attribute and set to largest image's height to prevent overlaying*/ } .thumbnail img{ border: 1px solid white; margin: 0 5px 5px 0; } .thumbnail:hover{ background-color: transparent; } .thumbnail:hover img{ border: 1px solid blue; } .thumbnail span{ /*CSS for enlarged image*/ position: absolute; background-color: lightyellow; padding: 5px; left: -1000px; border: 1px gray; visibility: hidden; color: black; text-decoration: none; } .thumbnail...

Read More

Galeria de imagen con la opcíon ampliar

.gallerycontainer{ position: relative; /*Add a height attribute and set to largest image's height to prevent overlaying*/ } .thumbnail img{ border: 1px solid white; margin: 0 5px 5px 0; } .thumbnail:hover{ background-color: transparent; } .thumbnail:hover img{ border: 1px solid black; } .thumbnail span{ /*CSS for enlarged image*/ position: absolute; background-color: lightyellow; padding: 5px; left: -1000px; border: 1px gray; visibility: hidden; color: black; text-decoration: none; } .thumbnail...

Read More

Translucente scroller con texto y enlaces

Hoy les voy a brindar un código muy utilizado en los sitio web los cuales ponen algún texto rotativo con sus enlaces esta translucente scroller es configurable yo les voy a guiar donde poner el texto la url,enlace color de fondo el ancho y la altura y la velocidad con la que va a ir rotando el texto. Donde dice: var scroller_width='190px' este es el ancho var scroller_height='80px' esta es la altura var bgcolor='#FFDEAD' este es el color de fondo si necesitan codígo de color pueden ir aquí var pause=3000 esta es la velocidad con la que se muestra...

Read More

Deshabilita el botón derecho y no permite seleccionar

Muchas personas no les gusta que alguien venga y les copie cosas de su sitio porque después de tanto esfuerzo que te cuesta diseñarlo esta duro verdad,el que tenga un sitio personal y no quiere compartir ningún código con nadie y quisiera evitar que otra persona le copie o le seleccione a continuación le voy a brindar ese código el cual nadie puede seleccionar ni dar click derecho para poderte copiar. Nota: también existe una manera pero es mas complicada porque tendrías que ir al código completo de la pagina y pueden usar Ctrl+F y buscan lo que...

Read More

Personalizar "entradas antiguas" "home" "entradas mas recientes" con imagen

Hay muchas personas que en su sitio al final de cada entrada tienen los link de "Entradas mas recientes" "Página principal" y "Entradas mas antiguas" pero lo tienen simplemente con solo letras si lo que quieren es personalizarlo y ponerle imagenes en lugar de palabras pues aquí les muestro como hacerlo de la forma mas sencilla,en muchas plantillas ya biene estas opciones pero como les dije con solo palabras,ahora vamos a personalizarlo. Recuerden siempre guardar una copia de seguridad antes de empezar con los cambios. 1-Lo primero que vamos...

Read More

Desabilitar botón derecho "con mensaje"

Con este código que les brindo a continuación lo que pueden hacer es inabilitar el botón derecho y el que intente hacerlo le saldrá un mensaje en pantalla el cual ustedes lo pueden modificar a sus gustos. Donde dice: Función desabilitada.Perdonen las molestias lo pueden modificar por las palabras que ustedes quieran. Nota: con esta función desabilita el botón derecho pero el que quiera copiarte simplemente seleccionando y arrastrando ya te copia. <script language="JavaScript"> <!--http://www.tubetrucos.com/--> <!-- function inhabilitar(){ alert...

Read More

Cursor con imagen

Con este código que les brindo a continuación lo que vamos a obtener es que una imagen siga al cursor,mouse,puntero etc como le llamen con cualquier movimiento que haga.este código lo vamos a colocar entre las etiqueta <body></body> Donde dice: var trailimage=["AQUI VA LA IMAGEN Y A CONTINUACIÓN EL ANCHO Y LA ALTURA",30,30]          &nb sp;         var displayduration=0     ...

Read More

fuegos artificiales en la web

Con este código ya pueden celebrar en su sitio web o blog porque hace el efecto de fuegos artificiales,fireworks por toda la web pueden ver el ejemplo en pantalla.este codigo lo deben de ubicar entre las etiquetas <body></body> disfrutenlo. <script type="text/javascript"> var bits=100; var intensity=7; var speed=20; var colours=new Array("#03f", "#f03", "#0e0", "#93f", "#0cc", "#f93"); var dx, xpos, ypos, bangheight; var Xpos=new Array(); var Ypos=new Array(); var dX=new Array(); var dY=new Array(); var decay=new Array(); var...

Read More

Pelotas que siguen al cursor

Con este código javascripts van a obtener el resultado de unas pelotas que de una forma elásticas siguen al cursor,mouse a donde quiera que se mueva,para implementarlo simplemente lo van a colocar entre las etiqueta <body></body> y van a obtener el resultado que ven en pantalla. para poner su imagen donde dice:     http://dl.dropbox.com/u/25944020/football.gif        lo remplazan por la imagen que quieran poner <div id="dot0"...

Read More

Botones para plantillas

Aquí les dejo estos botoncitos los cuales los pueden agregar a sus plantillas simplemente le dan arriba del que quieren un clic derecho después ver imagen y guardar imagen como y se les guardara la imagen en su pc si después la quieren subir a un servidor pueden usar Dropbox es gratuito y nos brinda buen espacio para fotos archivos y mas. dropbox.com/ ...

Read More