----------------------------------------------- Blogger Template Style Name: Harbor Designer: Douglas Bowman URL: www.stopdesign.com Date: 24 Feb 2004 ----------------------------------------------- */ body { background:#fff url("http://www.blogblog.com/harbor/rocks.jpg") no-repeat right bottom; background-attachment:fixed; margin:0; padding:0; font:x-small Georgia,Serif; color:#333; font-size/* */:/**/small; font-size: /**/small; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ body {background-attachment:scroll;} /* End IE5-Mac hack */ a:link { color:#36a; text-decoration:none; } a:visited { color:#764; text-decoration:none; } a:hover { color:#933; text-decoration:underline; } a img { border-width:0; } /* Page Structure ----------------------------------------------- */ #wrap { background:url("http://www.blogblog.com/harbor/sky.jpg") repeat-x left top; min-width:740px; margin:0; padding:0; text-align:left; } #wrap2 { background:url("http://www.blogblog.com/harbor/lighthouse.jpg") no-repeat left top; } #wrap3 { background:url("http://www.blogblog.com/harbor/cloud.jpg") no-repeat 100% 75px; } #wrap4 { background:url("http://www.blogblog.com/harbor/center_cloud.jpg") no-repeat 50% 0; padding:15px; width:100%; width/* */:/**/auto; width: /**/auto; } @media all { #content { max-width:890px; padding:0 30px 50px; width:100%; width/* */:/**/auto; width: /**/auto; } html>body #content { border:3px double #fff; } #main { width:64%; float:right; } #main2 { margin:0; padding:0; } #sidebar { width:32%; float:left; } #sidebar2 { margin:0; padding:170px 0 20px; } } @media handheld { #content { width:90%; } #main { width:100%; float:none; } #sidebar { width:100%; float:none; } } /* Header ----------------------------------------------- */ @media all { #header { padding:15px 0 10px 110px; } } @media handheld { #header { width:100%; padding:15px 0 10px 0; } } #blog-title { margin:0 0 .25em; font-size:270%; font-weight:normal; color:#678; } #blog-title a { color:#678; text-decoration:none; } #description { margin:0; max-width:700px; font-size:75%; line-height:1.8em; text-transform:uppercase; letter-spacing:.2em; color:#789; } /* Headings ----------------------------------------------- */ h2 { margin:1.5em 0 .75em; font:78%/1.4em Georgia,Serif; text-transform:uppercase; letter-spacing:.2em; color:#933; } /* Posts ----------------------------------------------- */ .date-header { margin:2em 0 .5em; } .post { margin:.5em 0 1.5em; line-height:1.6em; } .post-title { margin:.25em 0 0; padding:0 0 4px; font-size:140%; font-weight:normal; line-height:1.4em; } .post-title a, .post-title strong { background:url("http://www.blogblog.com/harbor/icon_lighthouse.gif") no-repeat 0 .15em; display:block; padding-left:20px; text-decoration:none; color:#368; font-weight:normal; } .post-title strong { background-image:url("http://www.blogblog.com/harbor/icon_lighthouse2.gif"); color:#000; } .post-title a:hover { color:#933; } .post-body { background:url("http://www.blogblog.com/harbor/divider.gif") no-repeat center top; padding-top:12px; } .post p { margin:0 0 .75em; } p.post-footer { color:#999; } .post-footer em, .comment-link { font:78%/1.4em Georgia,Serif; text-transform:uppercase; letter-spacing:.1em; } .post-footer em { font-style:normal; color:#666; margin-right:.4em; } .comment-link strong { font-size:130%; } .comment-link { margin-left:.4em; } .post img { padding:4px; border:1px solid #cde; } /* Comments ----------------------------------------------- */ #comments { background:url("http://www.blogblog.com/harbor/divider.gif") no-repeat center top; padding:15px 0 0; } #comments h4 { margin:1em 0; font:bold 78%/1.6em Georgia,Serif; text-transform:uppercase; letter-spacing:.2em; color:#933; } #comments h4 strong { font-size:130%; } #comments-block { margin:1em 0 1.5em; line-height:1.4em; } #comments-block dt { margin:.5em 0; } #comments-block dd { margin:.25em 20px 0; } #comments-block dd.comment-timestamp { margin:-.25em 20px 1.5em; font:78%/1.4em Georgia,Serif; text-transform:uppercase; letter-spacing:.1em; } #comments-block dd p { margin:0 0 .75em; } .deleted-comment { font-style:italic; color:gray; } /* Sidebar Content ----------------------------------------------- */ #sidebar ul { background:url("http://www.blogblog.com/harbor/divider.gif") no-repeat center bottom; margin:0 0 15px; padding:0 0 15px; list-style:none; } #sidebar li { margin:0; padding:0 0 .25em 15px; text-indent:-15px; line-height:1.5em; } #sidebar p { color:#666; line-height:1.5em; } /* Profile ----------------------------------------------- */ #profile-container { background:url("http://www.blogblog.com/harbor/divider.gif") no-repeat center bottom; margin:0 0 2em; padding:0 0 15px; } .profile-datablock { margin:.5em 0 .5em; } .profile-img { display:inline; } .profile-img img { float:left; padding:4px; border:1px solid #cde; margin:0 8px 3px 0; } .profile-data { margin:0; font:bold 78%/1.6em Georgia,Serif; text-transform:uppercase; letter-spacing:.1em; } .profile-data strong { display:none; } .profile-textblock { margin:0 0 .5em; } .profile-link { font:78%/1.4em Georgia,Serif; text-transform:uppercase; letter-spacing:.1em; } /* Footer ----------------------------------------------- */ #footer { clear:both; padding:15px 30px 0 50px; } #footer hr { display:none; } #footer p { background:url("http://www.blogblog.com/harbor/divider.gif") no-repeat center top; margin:0; padding-top:15px; font:78%/1.6em Georgia,Serif; text-transform:uppercase; letter-spacing:.1em; }

martes, mayo 15, 2007

Enchulando mi Blog

Para agregar cualquiera de estas aplicaciones, sólo haz click en ellas y sigue las instrucciones dadas. Recuerda copiar y pegar el código html.





annonces gratuitescontador gratisvendo auto usadokostenlose kleinanzeigenfree classifiedkostenlose kleinanzeigen
relojes web gratis


El Tiempo en Curico - Predicción a 7 días y condiciones actuales.
El Tiempo por Meteored.com

Cómo poner música en un blog

Hay muchos blogs que hablan de música, de letras de canciones, de grupos, cantantes. No hay género de música que se escape de los blogs: pop, rock, clásica... Música y Blogs constituyen una simbiosis extraordinaria...

Radio Blog, del que ya habíamos hablado con anterioridad, permite insertar audio-blogs con música a través de la inserción de un sencillo códico -copiar y pegar- que nos permite reproducir nuestra canción preferida en cualquier post.
Debes crear una cuenta en http://www.radioblogclub.com
ingresa acá Radio Blog
A modo de ejemplo hemos insertado a la Oreja de Van Gogh:



Cómo poner música en tu blog: pasos

1. Vas a Radio Blog y seleccionas una canción o un grupo o cantante preferido (meter nombre en casilla de búsqueda). Hay desde música clásica a moderna pasando por todos los estilos de música.
2. Pinchas la flechita lateral azul de la canción que has seleccionado.
3. A la derecha aparece un código que puedes copiar y pegar en tu blog. Antes te permite seleccionar los colores del audio blog... Recuerda que debes pegar el código en la ventana html de tu blog que aparece en el post.

A la moda de insertar vídeos (Amo a Laura, Koala, etc. han significado una auténtica revolución) se une ahora la posibilidad de insertar miles de canciones en tu blog... Así que a postear y escuchar tu música preferida, compartiéndola con tus amigos.

Actualización: Algunos amigos nos habían pedido insertar el signo-horóscopo en el blog. Aquí está la herramienta para insertar el signo-horóscopo del día en un blog. ¡Suerte, dinero, amor y buena música!

Información relacionada con música y blogs:

Página Colegio
Horóscopo del día para Libra