Estaba a punto de escribir un artículo explicando como insertar un reproductor de Deezer para escuchar música desde nuestro blog cuando se ha cruzado en mi camino Ivoon una página de música con la que puedes crear un reproductor con tres estilos diferentes y con la lista de canciones que tu prefieras para que puedas escuchar la música que quieras desde tu propio blog.
Para poder añadir el reproductor de Ivoon tienes que crear una cuenta, totalmente gratis, y después solo tiene que empezar a añadir música a tu reproductor. Vamos a ver como hacerlo con un pequeño manual paso a paso.
1º) Lo primero es ir a la página de Ivoon pinchando en este enlace: Ivoon.com. Una vez allí pincha en "Register" y no te molestes en ponerlo en español, es una mala traducción automática (en esto no se han comido mucho el coco los chicos de Ivoon). Se abrirá una ventana de registro con la de la imagen en la que tendrás que rellenar los distintos campos y pulsar en "Send Registration".
2º) Ahora ya podemos acceder con nuestros datos y podemos empezar a buscar la música que queramos escuchar en nuestro reproductor. Para hacerlo pincha en "Music Gallery" y busca alguna canción o artista con la ayuda de el buscador (search). Yo para el ejemplo he buscado a la cantante Demi Lovato y he obtenido 3 resultados. Tan solo tienes que pinchar en la cruz que hay junto a la canción para añadirla a tu lista de reproducción (si prefieres escuchar la música antes de añadirla pues pincha en el botón con el triangulo).
3º) Ahora repite este proceso para buscar y añadir música a tu reproductor. Cuando termines pincha en "My Playlist" y aparecerá en pantalla un reproductor tipo iPhone o iPod. Puedes elegir el que quieras pinchando en "Choose Player". Una cosa muy importante es que dejes sin marcar la casilla "Auto Play" así evitará que el reproductor arranque solo cada vez que alguien visite tu página. Si prefieres dejarla marcada ten en cuenta que no a todo el mundo gusta que empiece a sonar música cuando se visita una página (está muy desaconsejado). Para que el reproductor cambie pincha en "Update"
4º) Ya solo te queda copiar el código que aparece a la derecha bajo "Embed code" e insertarlo en tu blog y listo.
Con Ivoon también puedes escuchar música en tu MySpace, Facebook, Hi5, etc.
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.
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!
Bueno amigos Hoctro's Place nos trae un nuevo hack, es un poco complicado.
Vamos a realizarlo:
0. Etiquetar nuestros posts, si no sabes como visitad: http://help.blogger.com/bin/answer.py?answer=44498&topic=9084
1. Dirigirnos a: Plantilla--Edicion de Html--Expandir plantillas de artilugios
2. Modificar esta linea:
<b:section class="header" id="header" maxwidgets="1" showaddelement="no">
por esta:
<b:section class="header" id="header" maxwidgets="2" showaddelement="yes">
3. Antes de: ]]></b:skin> colocar este codigo:
/*- Menu Tabs F */
#tabsF {
float:left;
width:100%;
font-size:80%;
line-height:normal;
border-bottom:1px solid #000;
}
#tabsF ul {
margin:0;
padding:10px 10px 0 50px;
list-style:none;
}
#tabsF li {
display:inline;
margin:0;
padding:0;
}
#tabsF a {
float:left;
background:url("http://www.anniyalogam.com/labeltabs/tableftF.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#tabsF a span {
float:left;
display:block;
background:url("http://www.anniyalogam.com/labeltabs/tabrightF.gif") no-repeat right top;
padding:5px 15px 4px 6px;
color:#666;
}
/* Commented Backslash Hack hides rule from IE5-Mac */
#tabsF a span {float:none;}
/* End IE5-Mac hack */
#tabsF a:hover span {
color:#FFF;
}
#tabsF a:hover {
background-position:0% -42px;
}
#tabsF a:hover span {
background-position:100% -42px;
}
4. Por ultimo buscamos el siguiente codigo:
<b:widget id='Label1' locked='false' title='Etiquetas' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title><h2>
<b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
Y lo cambiamos por:
<b:widget id='Label1' locked='false' title='' type='Label'>
<b:includable id='main'>
<div id='tabsF'>
<ul>
<li><a expr:href='data:blog.homepageUrl'><span>Inicio</span></a></li>
<b:loop values='data:labels' var='label'>
<li><a expr:href='data:label.url'><span><data:label.name/></span></a></li>
</b:loop>
</ul>
<!-- <b:include name='quickedit'/> -->
</div>
</b:includable>
</b:widget>
Listo ya tenemos nuestras categorias en forma de pestañas.
Nota: Antes de realizar el paso 4 necesitamos añadir las Eiquetas al blog ¿Como? Nos dirigimos a: Plantilla--Elementos de la pagina--Añadir nuevo elemento de pagina, y añadimos las Etiquetas
