Owner: Oloblogger URL:http://oloblogger.blogspot.com Join Date: Fri, 05 Oct 2007 18:58:27 -0500 Rating:0 Site Description: Blogger para torpes... y para no tanto. Site statistics:Click here
Herramientas Blogger. Encuesta 2007-10-05 14:25:00 INCLUIR UNA ENCUESTAUna utilidad de Blogger
que está disponible desde Julio 2007.Dentro del Panel, selecionamos Elementos De Página. En el lugar dónde queramos añadir la encuesta (Cabecera, Entrada, Sidebar o Pie de Página), pinchamos en Añadir Elemento De Página.Se abre una nueva ventana y entre las diversas utilidades, aparece la opción Encuesta. Pinchamos Añadir Al Blog y se nos muestra una ventana para que tecleemos la pregunta y las posibles respuestas.Se puede seleccionar la posibilidad de respuesta múltiple y la fecha tope para cerrar la encuesta.Con Guardar, aparece en nuestro Blog.
Dos opciones para Navbar 2007-10-03 13:32:00 Hace un tiempo facilitamos un código para eliminar del todo la Navbar de Blogger. Bueno, realmente la hacia invisible, pero el efecto era el deseado.Ahora contaremos como conseguir otros dos efectos más.NAVBAR QUE APARECE AL PASAR POR ELLA EL RATONAntes del </head> colocamos este código y la barra pasará de invisible a visible cuando se pase por encima de ella con el puntero.<style type="text/css">#navbar-iframe {opacity: 0.0; filter: alpha(Opacity=0)}#navbar-iframe:hover {opacity: 1.0;filter: alpha(Opacity=100,FinishedOpacity=100)}</style>BARRA PERSONALIZADAPrimero hay que hacer desaparecer la Navbar original, tal y como ya se explicó anteriormente.A continuación se añade este otro código...<div><img alt='TEXTO QUE APARECE AL PASAR POR ENCIMA' src='URL DE LA IMAGEN'/>ESTO ES UNA ESPECIE DE NAVBAR</div>...con el color de fondo (background-color), la imagen (src), el tamaño de fuente (font-size), el borde (border)...etc. configurado a vue Read more:opciones
BPT. Configurar comentarios 2007-09-30 17:38:00 BPTHay que entrar por el Panel de Blogger, pestaña Configuración, apartado Comentarios. Las opciones son:Comentarios: Se selecciona Mostrar u Ocultar según se quiera que los comentarios existentes se vean o no, respectivamente.Persona que puede realizar los comentarios: Se puede configurar para que sólo puedan comentar los autores del blog, los usuarios registrados (previamente autorizados por los autores) o cualquiera. Esta última sería la normal.Opción predeterminada de comentarios para entradas: Esto se refiere a las entradas nuevas. Cuando se crea una, se puede seleccionar individualmente si queremos que lleve opción de comentarios o no. Aquí se selecciona la opción por defecto. Si queremos comentarios, lo normal será que pongamos "Las nuevas entradas tienen comentarios".Vínculos de retroceso: Los también llamados backlinks son las direcciones de otras webs que enlazan a tu web. Bueno, realmente a una página en concreto. Aquí seleccionas si quieres que se muestren o
Contador de visitantes on-line 2007-09-27 14:24:00 Cada vez veo en más sitios, un artilugio que además de tener muy buena estética, resulta muy práctico para mostrar los usuarios on-line que hay en una página determinada.El botoncito de marras es este: Si lo quieres poner en tu web, sólo tienes que añadir el siguiente código:<a href="http://whos.amung.us/show/dzbpm3w7"><img src="http://whos.amung.us/widget/dzbpm3w7" alt="counter" width="81" height="29" border="0" /></a>El servicio es de Whos.amung, una página estadounidense que además de éste, tiene otro par de widgets simpáticos, como un cuadro de estadísticas y un mapa de visitantes como éste:Get Your Own Real Time Visitor Map!
Poner una animación flash 2007-09-23 17:25:00 Para colocar una animación flash en tu blog, primero hay que conseguir la dirección dónde está alojada. Con los programs SaveFlash o VideoDownloader, la tarea es muy sencilla, ya que con hacer click con el botón derecho en la animación, obtendrás la url.Si no dispones de ellos o no quieres instalarlos, hay que molestarse un poco más. Tendrás que acceder a la página de la animación, esperar que se cargue completa y sin navegar más, entrar en Opciones de Internet --> Configuración --> Ver archivos. A continuación se ordenan los ficheros por fecha (debería salir entre los más recientes) y buscar el .SWF que queremos. Botón derecho y Propiedades. Ahí está la dirección del fichero. La copiamos.Ahora, en el lugar donde queremos poner la animación, tecleamos el siguiente código:<div align="center"><embed src="http://DIRECCIONDELAANIMACION"; quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="350" h
Colores web 2007-09-16 17:35:00 Hoy en día es difícil encontrar resoluciones de pantalla que no trabajen a 24bits (más de 16 millones de colores). No obstante, es bueno conocer que existe una gama de colores que son compatibles prácticamente con todos los sistemas.Estos son los llamados Colores Web, que forman una paleta de 216 colores, que se ven perfectamente en todas las resoluciones que puedan tener las pantallas de los usuarios. Para codificar un color se usan todas las combinaciones de 6 dígitos, que se pueden formar en hexadecimal. Es decir, desde el 000000 (negro), hasta el FFFFFF (blanco).La gama de colores también denominados HTML RGB o colores verdaderos, están formados por las combinaciones que incluyen exclusivamente los pares 00, 33, 66, 99, CC ó FF. De ahí que sólo sean 216 (6 elevado a 3).Si alguna vez teneis algún problema de color, por este camino podría venir la solución: Imágenes con tonos continuos.Este es el caso de muchos elementos decorativos como botones, barras, etc. En los equ
B.P.T. Colocar una imagen en una entrada 2007-09-13 13:19:00 Otra lección B.P.T: Blogger Para TorpesLas entradas de un blog suelen quedar más atractivas con la inclusión de una imagen
alusiva al tema. En algunas ocasiones, incluso es imprescindible colocar una para la comprensión de lo escrito.En primer lugar, pinchamos para Crear una Entrada. La ventana de la utilidad muestra el espacio dónde escribir y, encima, una serie de dibujitos (iconos) que son los que nos sirven para configurar el aspecto de la entrada.El que corresponde a las imágenes es el que está marcado en la imagen con un círculo rojo.Si no veis los iconos, seguramente es que tengais seleccionada la pestaña Edición de HTML. Esta es para redactar directamente en ese lenguaje. En BPT nos olvidaremos de ella. Pinchar en Redactar y aparecerán los iconos.Pinchando en el cuadrito, se abre una ventana emergente como ésta.Opción 1. Tenemos la imagen en nuestro disco duro o en cualquier otro soporte extraible. Pinchamos en Examinar y en el explorador elegimos la imagen que que
Scripts para mostrar comentarios 2007-09-09 06:38:00 No sé por qué motivo el feed que usaba para mostrar vuestros comentarios en la barra lateral, ha dejado de funcionar. Ahora sólo se ve el autor y la fecha, pero no el contenido del comentario.Recientemente he configurado el feed de Atom a través de FeedBurner. -ahora, en Blogger se puede hacer fácilmente desde el menú CONFIGURACION, y seguramente es así porque Google ha adquirido este servicio- Pensaba que ese era el origen del problema. Pero no. Tras varias pruebas, parece que ésto no tiene nada que ver.Todavía no sé solucionarlo, pero como no me apetecía quedarme sin ese artilugio, he tenido que buscar alternativas y son éstas que se explican:1. Script de Leonelhack.Hay que añadir un elemento HTML y copiar este código:<script src="http://leonelhack.googlepages.com/leonelhack.js"></script><br/><script language="javascript">var numcomments = 10;var numchars = 45;</script><script src="http://oloman-cosicas.blogspot.com/feeds/comments/defaul Read more:Scripts
Pestañas automáticas con categorías 2007-08-14 08:06:00 Este es un código para que, según vayais creando categor
ías en vuestro blog, se generen autom
áticamente unas etiquetas horizontales con los nombres, a modo de índice.Se entra por Plantilla-->Edición de HTML y se pincha "Expandir plantillas de artilugios". Si las queremos poner en la cabecera, en primer lugar hay que cambiar el valor de maxwidgets para que podamos añadir un nuevo elemento. Esto ya se explicó al comienzo de este otro post.A continuación, en la parte de los estilos, vamos a crear uno nuevo para este tipo de pestañas. Por tanto, el siguiente código hay que ponerlo antes de ]]></b:skin><!-- ETIQUETAS CATEGORIAS -->#etiquetasA {float:left;width:100%;font-size:80%;line-height:normal;}#etiquetasA ul {margin:0;padding:0px 0px 0 0px;list-style:none;}#etiquetasA li {display:inline;margin:0;padding:0;}#etiquetasA a {float:left;background:url("http://bp0.blogger.com/_0eC4K-qZ7AM/Rq83AUlaizI/AAAAAAAAA9A/rTkB_e0x14A/s400/boton+izquierdo.jpg") no-repeat left
Formatear rótulos de la barra lateral 2007-08-02 05:01:00 Por defecto, muchas plantillas de Blogger llevan configurados los títulos de las distintas secciones de la sidebar de una manera muy simple: mayúsculas y un pequeño espaciado entre caracteres.Para poder hacerlo al gusto, lo más cómodo es formatear el tipo de encabezamiento general. Para ver con que nombre se han definido, pinchando en Expandir Plantillas de Artilugios, la instrucción clave para encontrarlos fácilmente en el código, es "data:title" y, en un principio, todos los artilugios lo llevan con este aspecto:<b:widget locked='false' title='' type='HTML'><b:includable><!-- soo mostrar titulo si no esta vacio --><b:if cond='data:title != ""'><h2><data:title/></h2></b:if>Como veis, en la plantilla Black Mínima, viene como Clase H2. Una vez descubierto, buscamos en la primera mital del código, la definición del aspecto de H2./* Headings----------------------------------------------- */h2 {font:$headerfont;line-height: Read more:barra
Varias cosicas sencillas para Blogger 2007-07-19 12:00:00 ELIMINAR NAVBARNo sé si las condiciones de uso de Blogger
permiten hacer esto, ya que la NavBar que aparece en la parte superior del blog, en cierta forma, es lo que sustituye a la publicidad que te colocan otros servicios de hosting. El que use este truco, lo hará bajo su propio riesgo, aunque si tuvieran que dar de baja todos los que no la tienen, probablemente se quedarían sin blogueros.Plantilla-->Edición de HTMLJusto después de la etiqueta <head>, insertamos este código y la barra desaparece.<style type="'text/css'">#navbar-iframe {height:0px;visibility:hidden;display:none;}</style>ELIMINAR MENSAJE "Mostrando mensajes con la etiqueta..."Sí, ese que sale cuando se pincha en el enlace a un tema del blog. Este mismo que a duras penas se ve en la imagen de la izquierda.Plantilla-->Edición de HTML y pinchamos en "Expandir plantillas de artilugios"Buscamos la línea de código (con CTRL+f y la palabra status, sale enseguida)<b:include data='http://oloblog Read more:sencillas
Poner un contador en tu web 2007-06-20 17:45:00 El sistema es bastante fácil, pero como algun@s lo preguntais, entiendo que no os lo parece tanto.Si teneis vuestro propio dominio, el servicio de hosting os facilita esta utilidad y sólo tendreis que activarla. El procedimiento varía dependiendo del servidor. Para los que tenemos un dominio "prestado" como éste de Blogger, hay que recurrir a servicios externos. Básicamente hay que darse de alta (registrarse), poner los datos de la página que se pretende medir y luego colocar en ella el código html que os facilitan. En Blogger sería añadiendo un elemento de página como ya hemos visto en otras ocasiones.Todos o casi todos ellos, tienen además servicio de estadísticas. Eso sí, las estadísticas son muy limitadas. En el caso de Contador gratis, sólo las últimas 100 visitas.Si poneis el contador en la cabecera, barra lateral o pie de página, y éstos están configurados para aparecer siempre, pues os medirá el acceso a cualquier página de vuestra web. Si lo poneis en un p
Iconos para marcadores sociales 2007-06-16 08:06:00 Hay varios sistemas para colocar los enlaces para notificaciones sociales (del.icio.us, fresqui, meneame, etc), pero el que se describe a continuación es el único que, de momento, he conseguido que funcionara bien en Blogger. Cuando conozca otro sistema más sencillo ya lo os lo paso.Bueno...¡al tajo!: Hay que editar la "plantilla html" (hacer una copia de seguridad antes de trastear nada), "expandir plantillas de artilugios" y localizar las líneas de código que muestran el pie de los posts. En concreto hay que localizar la última línea. Tiene este aspecto:<p>Puede ser line-1, ó line-2, ó line-3...Nos interesa la última. El código descrito es la etiqueta de comienzo. Llevará algo de código adicional que hará referencia a lo último que muestran vuestras entradas, según la configuración de cada cual. Fijaros en lo último que muestran vuestros posts y eso confirmará que estais en esta última línea. Como pistas, PostLabels son las Etiquetas, PostBackLinks son los Read more:marcadores
Imagen con pestañas en cabecera... y 2 2007-05-30 17:04:00 Una vez colocada la imagen como se explica, vamos a hacer que el interface de Blogger nos deje añadir nuevos elementos a la cabecera
.Se edita el código HTML de la plantilla (sin olvidar hacer antes una copia de seguridad), se marca "Expandir plantillas de artilugios" y se busca el apartado dónde está "maxwidgets". Con CTRL+F (buscar) llegais enseguida. Es algo como esto:<div><b:section maxwidgets='0' showaddelement='no'><b:widget locked='true' title='Aquí saldrá vuestro título (cabecera)' type='Header'><b:includable>Ahora hay que cambiar el valor de maxwidgets de 0 a "3", showaddelement pasarlo a "yes" y locked ponerlo en "false". El primero para que nos permita tener más de un elemento en la cabecera, el segundo para poder añadir los nuevos elementos y el tercero para poder ordenar los distintos elementos. Guardar Plantilla. Ya podemos añadir otro elemento y colocarlo encima o debajo de la cabecera. Lo más fácil para pesta
ñas, es crearlas
Imagen con pestañas en cabecera 1 2007-05-27 07:30:00 Ahora que Blogger permite poner una imagen en la cabecera
, de una manera más fácil que antes, os voy a explicar como colocar elementos adicionales.Primero añadimos la imagen: Vamos aPlantilla-->Elementos de la página-->Cabecera (elemento)-->EditarSe nos abre una ventana emergente y tenemos dos posibilidades para subir la imagen:a) Si la teneis en vuestro disco duro (Desde tu ordenador): pinchais en Examinar y localizais vuestra imagen. b) Si está colgada en algún servidor (Desde la web ): Seleccionais esta opción, escribís la dirección del dibujito y automáticamente nos muestra la imagen. Si hemos puesto mal la dirección, nos sale un mensaje de error.Podemos elegir si queremos poner la imagen debajo del Título y Descripción del blog, como fondo o bien sustituir totalmente el Título por la imagen (opción normalmente más estética). Si os sale en inglés, lo primero corresponde a Behind title and description y lo segundo a Instead of title and description. Salvamos con Gu Read more:pesta
Meez. Haz tu monigote animado 2007-05-23 01:56:00 Crea un personaje virtual, anímalo y úsalo dónde quieras: web, correo electrónico, carpeta de imágenes, blog, ...Una cómoda aplicación on-line para diseñar un gif animado con el aspecto que desees. Permite escoger rasgos faciales, ropa, complementos y el fondo de la escena. Luego para animarlo, seleccionas qué quieres que haga entre una colección bastante completa.Para cada rasgo no tiene demasiadas variantes (muchas son de pago), pero suficientes para hacer un divertido monigote.
Una herramienta para medir la popularidad 2007-05-17 14:33:00 Esta web te permite ver los resultados de cualquier dirección de internet para los distintos servicios de mediciones más conocidos: technorati, yahoo, alexa, pagerank, del.icio.us...Sólo tienes que acceder a su dirección, introducir la URL que quieres medir y en breves segundos tienes un montón de resultados.La única pega es que no salen los marcadores sociales en castellano... que no es poco por cierto.Si además quieres un gadget o artilugio para poner en tu web con los resultados de tu propia dirección, pinchas en "Show your popularity", copias el código que te facilitan (dos versiones) y lo copias dónde quieras.Quedará como la imagen de ejemplo de la izquierda.
Botones para enlazar 2007-05-06 17:38:00 Si quieres poner un botón para que otros enlacen tu blog, lo primero que tienes que hacer es diseñarlo. Para eso hay multitud de páginas en la red que te permiten hacerlo on-line.Mi recomendación es que cojas el Paintbrush, Photoshop, Fireworks, Picture It, Photofiltre, Corel...o cualquier otro programa que tengas a mano de diseño gráfico y des rienda suelta a tu imaginación. Realmente sólo se trata de hacer un dibujo con los motivos y colores que tu quieras.Lo que realmente lo transforma en un botón, es el código html que tienes que añadirle al colocarlo en alguna página.Esto es un enlace normal, COSICAS de oloman cuyo código es este...COSICAS de olomansólo hay que sustituir la URL a dónde enlazar y el texto que quieres que aparezca para que salga como tú quieras.Para hacer un enlace con una imagen, en este caso, un botón, primero tienes que subirla a algún servidor de imágenes especializado (Flirck, Pixalia, etc.) o al propio de tu blog, copiando luego la direcció
Mostrar comentarios recientes. Blogger para torpes... 2007-04-24 15:08:00 Lo primero y más conveniente, aunque en este caso no hay mucho peligro: Haz una copia de tu plantilla actual. GUARDAR PLANTILLA. Seguimos... Con Blogger
simplemente tienes que entrar en PLANTILLA--> ELEMENTOS DE PAGINA--> AÑADIR UN ELEMENTO DE PAGINA--> FEEDSe abre una ventana y en URL, se escribe el feed de los comentarios, que es"http://NOMBREDETUBLOG.blogspot.com/feeds/comments/default". "NOMBREDETUBLOG"evidentemente, tienes que sustituirlo por el nombre de tu blog.Le das a "Continuar" y se ve una segunda pantalla, dónde puedes configurar el título del apartado (p.ej. Lo que la gente dice...), la cantidad de comentarios a mostrar, si se quiere enseñar la fecha y/o el autor. En la vista previa se va viendo como quedaría.Por último, GUARDAR CAMBIOS.Aparecerá como primer elemento de la columna. Si lo quieres mover, pinchas y arrastras hasta el sitio deseado. OTRA OPCION. Esta requiere un poco más de trabajo, pero permite configurar un número de comentarios superior a cinco y Read more:Mostrar
Diseño en Blogger. Configurar entradas 2007-04-12 17:33:00 Por el tipo de preguntas que me hacen algunos lectores de este blog, deduzco con mi habitual perspicacia, que hay muchas cosas que se dan por sabidas cuando realmente no todo el mundo las sabe hacer. (Recuerdos a Ana y a otro lector Anónimo...)Así el tema, voy a explicar un par de COSICAS básicas que veo que algunos necesitan. Desde la pestaña "Plantilla" es desde dónde se puede cambiar todo el aspecto del blog. Una vez allí, nos encontramos con cuatro apartados (pestañas debajo de las principales):Elementos de la página, Fuentes y colores, Edición de HTML y Seleccionar plantilla nueva.1. Elementos de la página:A la derecha del título "Añadir y organizar elementos de la página", aparecen "Borrar cambios", "Guardar" y "Vista previa", cuyos nombres son autoexplicativos. Después aparece "Navbar", que contiene un enlace ("Editar") para poder cambiar el aspecto de barra que hay en la parte superior del blog. De momento sólo se pueden cambiar los colores entre las opciones que Read more:Blogger
Cambiando la imagen de cabecera en Blogger 2007-04-01 16:14:00 Aunque parezca muy poca COSA, en su momento, me costó un montón de trabajo cambiar con éxito el título del blog por una imagen
. Esto es porque hay diversidad de plantillas de Blogger
y sus códigos son asimismo diferentes. Algunos muuuuuy distintos...Antes de intentar cambiar nada, como siempre, no olvideis grabar primero la plantilla actual por si escogorciais el blog entero. Luego prueba la Vista previa antes de grabar la actualización.Como hay diversas webs que lo explican adecuadamente y con diversidad de formatos para gusto particular de cada uno, me voy a ahorrar el trabajo de desarrollarlo yo. Internet Paso a Paso y Blogmundi lo explican bastante bien y deberían ser suficientes. Por si tu plantilla no admite los cambios que proponen, tienes otros enlaces sobre el tema en Ayuda Para el Blog, Maestro Web, Ayuda Blogger, El Escaparate, Foro Daleclick, Gema Blog y Tuneando, entre otros.Si quereis algo un poco distinto, también podeis ver los artículos sobre como poner imág Read more:cabecera
Ultimas entradas: Dos maneras de mostrarlas en un blog. 2007-02-23 13:50:00 1. La más sencilla (con Blogger): Entramos en Plantilla--> Elementos de la página--> Añadir un elemento de página--> Feed--> Añadir al blog. El feed de Blogger para las últimas entradas eshttp://NOMBREDETUBLOG.blogspot.com/feeds/posts/defaultdónde evidentemente, NOMBREDETUBLOG tiene que ser sustituido por el que corresponda.A continuación se abre una ventana para configurar el aspecto, pudiendo seleccionar si se quiere mostrar el autor y la fecha del post. También se puede configurar el número de entradas que se verán (hasta 5). Aquí se muestra una vista previa de como va a quedar según se realizan cambios. Por último Guardar cambios.2. Suscribirse a FeedBurner. Esta otra manera además de aportar las ventajas inherentes a este servicio, sirve para distintas plataformas y tiene un formato, a mi parecer, más estético.Una vez registrado, se accede a la cuenta y en la pestaña Publicize, encontramos una herramienta que se llama Headline Animator. Con ella se puede configur Read more:Ultimas
Pixalia. Otro servicio gratuito para almacenar imágenes...y en español 2007-02-10 13:13:00 Pixalia.net es un banco de imágenes creado a mediados del 2006. Una gran ventaja sobre otros es que es totalmente en español.Una vez registrado, se pueden subir todo tipo de imágenes, así como usar las de otros usuarios. El sistema es gratuito y funciona bajo licencia Creative Commons.Descubrí la web hace unos días y como me gustó el nombre decidí hacerlo en ambigrama. No sé si se entenderá bien, pero queda bonito ¿no?
Ver los blogs que te enlazan en la barra lateral 2007-02-09 17:22:00 Con el servicio wholinked.com es muy fácil. Ahí teneis códigos para distintos tipos de proveedores de blogs. Para blogger, estas son las instrucciones.En Plantilla hay que seleccionar Añadir un elemento de página y luego elegir HTML/Javascript. En Contenido, copiar el siguiente código: <MainOrArchivePage><h2>Enlazan este blog</h2><script type="text/javascript" language="javascript" src="http://wholinked.com/blogger.js"></script></MainOrArchivePage> No es necesario poner título al elemento y se puede sustituir el texto "Enlazan este blog", por cualquier otro que se quiera. Guardar cambios.¡Voila! Read more:barra
Efecto 2.0 para imágenes 2007-10-12 10:53:00 Una vez más, Felicituri descubre cosas útiles para todos. En esta ocasión es una sencilla aplicación en la que podemos darle a la imagen que queramos, el aspecto de reflejo en suelo mojado. Ese tan usado en las presuntas webs 2.0 actualmente de moda.La página se encuentra dentro de RuidoBlanco.net, que para nuestra fortuna, está construida de forma bilingüe (castellano/inglés)
Plantillas y más plantillas 2007-10-10 14:45:00 Mashable.com es un sitio con información relacionada con redes sociales.En esta ocasión, nos fijamos en esta web porque tiene varias entradas con plantillas para diversas plataformas. En un vistazo rápido, hemos encontrado un buen montón.Para Blogger nos ofrecen 50 "templates", que según los redactores son las más bonitas. Cierto es que hay muchas muy buenas, pero como existen tantos gustos como personas, no sé si a vosotros os lo parecerá:Blogger. Las 50 plantillas más bonitas.120 plantillas más en las que no se especifica plataforma...Plantillas de 1 columna (40)Plantillas de 2 columnas (80)Por último, encontramos todas estas para Wordpress:Wordpress. 1 columna (30 plantillas)Wordpress. 2 columnas (30 plantillas)Wordpress. 3 columnas (30 plantillas)Wordpress. 4 columnas (20 plantillas)Difícil es que entre tantas, no encontreis una que os cuadre para vuestro espacio.
Efecto transparente para imágenes 2007-10-19 18:35:00 Para conseguir un efecto de transparencia como el que podeis ver en la imagen de la derecha, hay que localizar el apartado "post img" y añadir el código marcado en rojo..post img {filter:alpha(opacity=50); /* IE */-moz-opacity:0.5; /* Firefox, Opera, ... */opacity: 0.5; /* CSS 3*/}Como esta instrucción no está normalizada, hay que poner las tres que se indican para que sea visible en los navegadores más usuales. Al añadirlo directamente a la hoja de estilo (CSS), el efecto se aplicará a todas las imágenes que figuren en las entradas de vuestro blog. Si sólo quereis aplicarlo a una de ellas, habrá que ponerlo directamente en la ventana de creación/edición de entradas. De esta manera, una imagen que normalmente sería:<img alt="" src="http://DIRECCIONDELAIMAGEN" border="0" />...habría que añadirle lo también marcado en rojo para que "transparentara"...<imgcolor: rgb(204, 0, 0);">FILTER: glow(color=black)progid filter:alpha(opacity=50); /* IE */ -moz-opacity:0.5; Read more:transparente
Generador de ribbon 2007-10-16 17:01:00 Un ribbon (cinta en cristiano) es esa franja de color que suele estar en diagonal en una esquina de una página web. La cinta suele incluir un texto o referencia que puede ser un enlace a cualquier parte de la web. También, para conmemorar cualquier evento, se puede utilizar a la manera de las cintas para solapa.Website ribbon generator te facilita la tarea de programación, generando en 6 sencillos pasos, un script para que cuelgues en tu web el modelo que quieras.¡Ah! Y no necesitas registro ni nada. Read more:Generador
Plantilla Blogger. Borde imágenes 2007-10-23 17:21:00 CONFIGURAR EL BORDE DE LAS IMAGENESEste truco es muy fácil. Buscamos el siguiente código en la plantilla. Con CTRL+F se localiza muy rápido..post img {border:1px;...Si queremos eliminar el borde, o lo que es más correcto, hacerlo de tamaño 0 (invisible), hay que sustituir el 1 (o el número que tenga tu plantilla) por un 0.Si en lugar de hacerlo desaparecer lo que queremos es que salga con otro aspecto, podemos usar las propiedades de ancho, estilo y color:Para el estilo: none, dotted, dashed, solid, double, groove, ridge, inset, outset... mejor que vayais probando para ver los resultados de cada uno.Para el color: #xxxxxx... una almohadilla (#) más los seis dígitos que representan el color que queremos. Teneis una tabla de códigos para los colores en este enlace.Para el ancho: 10px ...o el número de pixels que querais. Para algunos de los estilos, es necesario un grosor de 3 o más pixels para que se pueda apreciar el efecto.Unos ejemplos:.post img {border:5px #990000 dotted; Read more:Blogger
Recommend Site To A Friend
