Mostrando entradas con la etiqueta Html. Mostrar todas las entradas
Mostrando entradas con la etiqueta Html. Mostrar todas las entradas

Alojar scripts en mi plantilla

0
Estes es un tema interesante debido a que cualquier Bloggero que quiera alojar scripts no lo puede hacer directamente en Blogger sino que les toca recurrir a servicios externos como Google Sites o Dropbox,pero hay una forma de alojar los scripts directamente en la plantilla.


Etiquetas Meta-Tag

2
Estas etiquetas nunca deben faltar en nuestras plantillas.

Para colocarlas nos dirigimos a Diseño > Edición HTML y buscamos <head>, debajo de este colocamos las siguientes meta-tags:

Otro Indice para nuestro blog

0
Este widget muestra todas las categorías de nuestro blog con sus respectivas entradas ahorra mucho tiempo a tus lectores a la hora de buscar el contenido, también le muestra a los visitantes si son mensajes nuevos o antiguos.


tabla de contenido de entradas para blogger

Incrustar campos de texto de enlace en la URL, HTML y Foros debajo de cada entrada

0
En este tutorial explicare, cual es la manera o como se hace para incrustar campos de textos debajo de cada entrada con diferentes enlaces, para ser insertados como enlace directos a la URL, enlaces de textos a la entrada actual y el código para insertar en foros de discusión. La verdad, es que este truco ya lo había visto en varias paginas web, pero nunca en un blog que no haya sido de Wordpress, asi, que si te ha gustado también, el tutorial de instalación ya esta disponible. Para que te des un poco mas de cuenta de lo que te hablo, observa la siguiente imagen.

Insertar tablas en tu post

0
1. Para insertar una tabla utilizando el codigo Html ...  EJ:

Poner el titulo del blog en movimiento

0
El truco que traigo hoy es bastante sencillo pero util y es poner el titulo del blog en Movimiento,se ve en movimiento en la parte superior de tu navegador como lo muestra la siguiente imagen.


Añadir descripción del blog en el título

0
Mirando un poco las tags en mi blog, me dí cuenta de que se pueden modificar unas líneas para añadir una breve descripción en el título de cada entrada, de tal forma que se vea así:




¿Cómo cambiar el formato de título?:

Cambiar la imagen de fondo del blog a opción del lector

1
Con anterioridad vimos cómo cambiar el color de fondo del blog usando un menú, que permitía cambiar el color de fondo con un click.

Modificando un par de atributos al código conseguimos que el fondo del blog pueda reemplazarse por una u otra imagen.

Efecto esquina doblada en los post con css

0
En este post os dejaremos un truco muy vistoso con un efecto esquina doblada para tus post y entradas:


estradas post esquina doblada efecto

Cursores para tu blog

0
1.Elige Cursor Copia... 
2.Ahora entra a Diseño Edición de HTML y pega el código antes de la etiqueta:</body> 
3.(Vista Previa)Guarda los cambios y listo.
<style>HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/spongebob-ani.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/spongebob-ani.gif"), auto;}</style>
<style>HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/dogani.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/dogani.gif"), auto;}</style>
<style>HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/precision148.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/precision144.gif"), auto;}</style>
<style>HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/lefty130.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/lefty126.gif"), auto;}</style>
<style>HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/babyboy-ani.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/babyboy-ani.gif"), auto;}</style>

<style>HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/cube.cur"), url("http://downloads.totallyfreecursors.com/thumbnails/cube.gif"), auto;}</style>

Espero que os gusten,podéis ver miles de modelos en el siguiente enlace:AQUÍ DESCARGA MAS CURSORES 
*ATENCIÓN:Cuando seleccionéis un cursor,el código que debéis elegir es la opción "MySpace Profile 1.0 Codes" además debéis copiar la segunda mitad a partir de:<style>HTML,BODY... 

Plugoo: Chat privado entre webmasters y visitantes

0
Tienes un blog o web en el que tus visitas necesitan contactarte mediante mensajeria instantanea online (chat) cuando estes conectado a messenger (tambien Yahoo! Messenger, AIM, GoogleTalk, Jabber o ICQ), sin necesidad de agregarte?

Esta posibilidad de responder consultas de forma rapida en el momento que tu desees es lo que nos brinda plugoo, un chat entre el blogger - webmaster y el visitante.
Incluso funciona con Myspace! Asi tus amigos podran hablarte desde tu myspace cada vez que estes conectado a messenger!

Si! es el mismo que yo tengo a la derecha de este blog, donde mucha gente me pregunta todas sus dudas (Como hago un link? como creo mi reproductor? como como como??), y yo hago lo posible por responderlas. =D
Como funciona?
Si estas en estado online en tu MSN (o tu correspondiente servicio de mensajeria), en tu chat de plugoo aparecerá un texto con tu estado (Lo puedes modificar desde plugoo), asi el visitante al ver tu chat, elige un nick y comienza a mandar mensajes al mismo tiempo que a ti se te abre una ventana en MSN al igual que cuando un amigo te habla, solo que esta vez dira: Plugoo [Chatdemiweb] nick.

Si estas offline, los mensajes igual te llegarán al conectarte.

Quiero uno ahora!
Luego de crearte una cuenta en Plugoo introduciendo un mail válido para confirmar tu solicitud, ingresas con tu cuenta recien creada y comienzas a personalizar tu chat privado desde la pestaña "mis widgets", luego de editar los colores, textos y demases, solo copias el codigo HTML y lo pegas en cualquier lugar de tu web, blog, myspace o lo que sea! (Menos hi5, que no permite nada

Insertar Archivos Flash

0
Para que funcione se han de tener en cuenta tres cosas: la dirección URL, el ancho y el alto. Como en Blogger no podemos alojar archivos, si utilizamos servicios externos que sirven para guardar archivos pero que no nos permiten enlazarlos desde una página web (hotlink); JMiur utiliza dos servicios:  Fileden y DropBox.

El código elemental para insertar un archivo de Flash es este:

Página 404 en las búsquedas de Blogger

0
Un Error 404 en una página es un aviso de contenido no encontrado en un servidor, para esta oportunidad enseñaré como simular un error 404 de búsquedas fallidas. Cuando hacemos una búsqueda y no arroja resultados en Blogger no aparece nada, símplemente aparece un espacio en blanco sin información, con esto podremos simular un error de ''búsqueda no encontrada''.

Podemos añadir lo que queramos, para ver un ejemplo prueba usar el buscador que se encuentra en la zona superior derecha de mi blog con un contenido al azar.

Buscador flotante para Blogger

0
En esta oportunidad quise optimizar un poco los espacios del blog, por lo que decidí crear un buscador flotante que bajara con la página. Tiene la particularidad de ser adaptable y bastante personalizable.

Puedes ver un ejemplo del buscador en este blog de pruebas.


Solución activar flash

0
Generarmente cuando tenemos en nuestro sitio un archivo flash, en Internet Explorer nos sale al pasar el cursor sobre él "haga clic aquí para activar y usar este control" para evitar esto hay una solución muy sencilla, solo hay que poner un código JavaScript antes de </head>.

Imagen, estrella o texto que sigue al cursor

0

Son 3 ejemplos los cuales el código se tiene que poner arriba de </head>

Añadir un recuadro de suscripción al final de cada entrada

0
Un enlace de suscripcion en un blog, nunca esta demas, como lo dije ya antes en una anterior entrada, hoy te lo vuelvo a decir aqui. Hace mucho, observe en los grandes blogs, que casi todos tienen un enlace de suscripcion encerrado en un recuadro al final de cada entrada.

Jamas me pregunte como lo hicieron, me puse a trabajar en ellos hasta que logre hacer uno, que me quedo muy bonito, diria que mucho mejor a los que pude observar. Te mostrare como personalizar el codigo para que combine con los estilo de tu blog, este artilugio ira añadido al final de cada entrada es la pagina indivudual de cada una de ellas, si quieren ver una demostracion, pues ve a la pagina individual de esta entrada, y mirala.

Abrir imagenes en una misma página con efecto zoom de highslide

0
HighSlide es un maravilloso script que te permite abrir las imagenes de tu blog en la misma ventana o pagina. Es decir, ya no es necesario que el usuario salga de tu pagina al hacer clic sobre una imagen, si no, que a la imagen que le apliques el Javascript, al hacer clic sobre ella abrira con un efecto Zoom, que se activara una vez dado el clic sobre la imagen deseada. Highslide te permite crear tambien galeria de imagenes, con distintos diseños, en la imagen de la izquierda se pueden vizualizar dos modelos de las ventanas modales, y eso no es nada para las demas que ofrece, tambien, te permite mover la imagen de un lado a otro de la pagina. En esta entrada, te ensañare a aplicar el efecto dentro de tu blog, pero para empezar, es necesario que veas una muestra en la pagina del autor.

Menú lateral Jquery con efecto Slide y Css

1
Hoy día les traigo este menú lateral jQuery con efecto Slide y CSS. Los menú de navegación son una parte vital del blog ya que contiene información importante o no, hoy día hay muchos tipos de menú, pero el que les mostraré hoy día lo podemos utilizar en nuestro blog o página web gracias a Tympanus, que nos enseña a crear un bonito menú de navegación con un bonito efecto slide.

PopUp de suscripción para Blogger con jQuery

4
Este popup de suscripción elaborado con jQuery permite que el usuario al ingresar por primera vez al blog, muestre una ventana emergente la cual le permita suscribirse a distintas redes sociales o servicios.

Este popup tiene la particularidad que trabaja con jQuery Cookie, una extensión que permite que jQuery almacene datos, gracias a ello permite que sólo aparezca una vez el mensaje cada 1 semana (tiempo de expiración de la cookie).