Nueva Pagina Recomendada.

Creación de un Blog

Para crear un Blog, hoy en dia existe una gran cantidad de portales y plataformas las que difieren principalmente, por el nivel de complejidad y potencialidad que cada una de ellas presenta. Entre las de mayor masividad se encuentran Wordpress y Blogger, esta ultima sera la que utilizaremos en este desafio, puesto que muestra un nivel de complejidad bajo en relacion a las potencialidades entregadas. ahora que ya definimos en que plataforma vamos a desarrollar el blog empezaremos su construccion . Lo primero sera dirigirnos a la siguiente direccion web:

www.blogger.com

Como Hacer un blog en blogger:

Antes de crear la Cuenta

Antes de crear una cuenta en blogger debes crear una cuenta de correo electrónico en gmail, la cual será la herramienta de entrada para el mundo de los blogs.

Creando una Cuenta

Lo primero que debemos hacer es buscar en la página www.blogger.com la opción que dice: “Crear tu Blog Ahora”, al presionar este link el sistema nos trasladara, a una siguiente pagina donde se deberá ingresar el mail anteriormente creado, mas el nombre de usuario que nos gustaría tener y la contraseña, dos veces(la misma del mail), para verificar. Si existe ese nombre, nos avisa y nos pide que ingresemos otro. Si no existe no habrá problema en crear la cuenta.

En seguida se muestra una imagen de la primera pantalla de que deberemos rellenar.

Despues de completar los casilleros anteriormente requeridos debemos presionar el boton continuar , producto de lo cual llegaremos a una nueva pagina donde deberemos indicar: El titulo del Blog, La direccion que este tendra(www.miblog.blogspot.com), habiendo hecho esto debemos presionar continuar, para seleccionar la plantilla que contendra nuestro futuro Blog.

Después de Completar la Información Anterior presionamos Continuar, con lo cual llegamos a:

Elegir una plantilla, con la cual definiremos la apariencia de nuestro blog.

Posterior a la elección de la plantilla presionamos la opción continuar, con lo cual llegaremos a la pantalla final la cual correspondera:

Si despues de esta explicacion aun tienes dudas de como construir un blog te recomendamos que revises estos videos:

Recuperar los datos de Pruebas Online

Ya te enseñamos como realizar pruebas online utilizando la herramienta Google Docs de Google, ahora te enseñaremos como recuperar los datos obtenidos de dichos test. Lo primero que debes hacer es ingresar a www.gmail.com, presionar la opcion Docs y el archivo que contenga los resultados del test realizado, este se mostrara con el icono clasico de Excel.

Habiendo llegado a la planilla que contiene los datos o resultados de los test realizados. Estos se pueden visualizar desde la misma web o se pueden exportar en distintos formatos .txt, HTML o .xls.

Para obtener los datos en una planilla Excel se debe presionar la opcion ubicada al costado izquierdo Archivo, Exportar, .xls. con lo cual los datos entregado se descargaran en una planilla excel que podremos guardar o modificar en nuestr computador.

Con esto habremos finalizado el punto de Pruebas Online.

Hacer Pruebas y Evaluaciones Online

Una de las alternativas que entrega la utlización de blogger es el desarrollo de distintas aplicaciones, con variadas utilidades. En este Post desarrollaremos el como hacer evaluaciones o pruebas via web. Para lo cual mezclaremos dos herramientas de Google, Blogger y Google Docs.

Lo primero que debemos hacer es dirigirnos a nuestro mail de gmail en www.gmail.com y presionar la opcion Docs ubicada en la esquina superior izquierda como se visualiza a continuacion

Habiendo hecho esto llegaremos a una nueva pantalla donde lo primero que haremos sera llevar la pagina del inlges al español, para esto se debe presionar la opcion Settings y posteriormente elegir el idioma Español. finalmente deberas presionar la opcion Save Changes, con lo cual la pagina sera traducida y aparecera en español.

Paso 1:
Paso 2:

Paso 3:

Presionar el boton Save Changes

Habiendo hecho esto deberemos presionar la opcion Nuevo, y Posteriormente Hoja de calculo

Lo cual nos llevara a la siguiente pagina donde deberemos presionar compartir y asignarle un nombre a nuestra hoja de calculo recien creada.

Despues de lo cual nos aparecera la siguente pantalla donde deberemos seleecionar la opcion: Para rellenar un Formulario , como se aprecia a continuacion.

y ahora presionar Vista Previa y Enviar Formulario, con lo cual nos aparecera la siguiente vista de donde deberemos elegir la opcion ubicada en la esquina superior izquierda Editar Formulario.


Con lo cual se nos presentará la opción de editar el contenido y las preguntas, ademas de poder incluir nuevas preguntas con diferentes tipos de respuesta, ya sea texto, tipo test, casillas de verificacion, elegir de una lista, habiendo finalizada la inlcusion de preguntas se debe presionar la opcion Finalizado con lo cual nuestro cuestionario se ve como.


Habiendo llegado a esta pantalla debemos presionar la opcion Vista Previa y Enviar, lo que nos llevara a la siguiente pantalla.


Ahora para introducir esta prueba, test o cuestionario a nuestro blog debemos presionar la opcion Incrustar ubicada en la esquina superior derecha , opcion que nos entregara un codiggo HTML el que finalmente deberemos copiary pegar en la seccion de Edicion de HTML de nuestro Blog.

Con lo cual el test o prueba desarrollada se vera de la siguiente manera:

Una vez contestadas las preguntas se debe presionar el boton enviar o Submit con lo cual los resultados del Test, Prueba o Cuestionario seran enviados a nuestro correo de Gmail.

Inclusion de Imagen en la Cabecera

Si ya hemos creado nustro blog pero queremos agregarle mas colorido a la cabecera deberemos hacer lo siguiente:

* Primero deberas presionar la opcion personalizar que se encuentra en la ezquina superior derecha de tu blog.

* habiendo hecho esto llegaremos a la siguiente ventana en la cual deberemos ubicar la seccion cabecera y presionar el boton editar.

*Ahora podras cambiar el nombre del Blog, hacer una descripcion de este y agregar una imagen a la cabecera si asi les parece.

despues de esto presionas guardar y ya habras colocado una imagen en la cabecera de tu blog, si aun no te ha quedado claro te propongo que revisos estos sitios para aclarar tus dudas

Teoría Básica de Código HTML

Una de las herramientas mas importante que poseemos para mejorar nuestro blog esla inclusion de cofigos HTML con los cuales podremos: centrar, poner en negrita, cursiva, definir tamaño de fuente, poner Links e Imagenes ademas de agregar un sinnumero de apliciones.

Antes de todo debemos debemos definir que significa HTML y para que sirva. HTML significa HyperText Markup Language (Lenguaje de Marcas de Hipertexto), es el lenguaje de marcado predominante para la construcción de páginas web y es usado para describir la estructura y el contenido en forma de texto, así como para complementar el texto con objetos tales como imágenes, videos, etc.

Ahora revisaremos los codigos mas importantes y como estos se utilizan.

Lo primero que debes saber es que el codigo tiene una estructura basica que debe ser respatada, esta dice que al aplicar alguna accion o comando esta debe se iniciada y cerrada. esto se hace de la siguiente manera:

todo codigo se inicia como:
<"comnado>
en la parte intermedia se agrega el texto que sufrira las acciones del codigo preestablecido
<"/comando>
y se cierra como :

Esto se visualizara de mejor manera con las aplicaciones.

para poder escribir los codigos sin que blogger los aplique hemos agregado un par de comillas a cada entrada, por tanto al aplicar estos codigos dichas comillas deben ser borradas.

Codigo Centrar:

<"center>
este es un muy buen blog
<"/center>

indicacion que se veria asi:

Este es un muy buen blog

Codigo Negrita:

<"b>
este es un muy buen blog
<"/b>

indicacion que se veria asi:

Este es un muy buen blog

Codigo Kursiva:

<"i>
este es un muy buen blog
<"/i>

indicacion que se veria asi:

Este es un muy buen blog

Codigo Letras como Marquesina:

Con este codgo los textos se moveran de izquierda a derecha, el codigo es el siguiente:

<"marquee>
Este es un muy buen Blog
<"/marquee>

Codigo para Letras Parpadeantes:

Con este codigo los textos presentaran un parpadeo, el codigo es el siguiente:

<"blink>
Este es un muy buen Blog
<"/blink>

Y el resultado sera:


Este es un muy buen Blog

Codigo salto de Linea:

Este codigo nos permita decidir hasta donde llega una linea de texto, tiene la particularidad de no necesitar cierre, por tanto este comando se usa de la suiguiente manera.

Puedo afirmar que<"br>este es un muy buen blog

Puedo afirmar que
este es un muy buen blog

Codigo salto de Linea Interespaciado:

Este codigo si necesita ser cerrado y se utliza de la siguiente manera:

Puedo afirmar que<"p><"/p>este es un muy buen blog


Puedo afirmar que

este es un muy buen blog

Codigo Incluion de Links:

<"a" href="http://www.manualdelblog.blogspot.com">Ingresa al Mejor Blog<"/a">

Ingresa al Mejor Blog

Codigo Inclusion Imagenes:

Una imagen puede situarse coincidiendo con:

<"IMG SRC="home.jpg" ALIGN="top">La parte superior del texto

<"IMG SRC="home.jpg" ALIGN="middle">Con la parte central


<"IMG SRC="home.jpg" ALIGN="bottom">O con la inferior .

Personalizando el weblog

Ahora que ya hemos creado el blog procedemos a personalizarlo:

Seleccionando la opción Personalizar en la barra superior, podemos ajustar parámetros del sitio, como: Elementos de Pagina, Fuentes y colores, Edición HTML, entre otros. Herramientas que nos servirán para mejorar el blog.

Al presionar el botón personalizar llegaremos a una pantalla como esta:

Donde podemos modificar los siguientes ítems:

• Elementos de página: los que corresponden a los elementos ya existentes en nuestro blog.
• Fuentes y Colores: Con esta opción podemos modificar tanto los colores y fuentes (tamaños y tipos) ya sea del color de fondo como de las letras, respectivamente.
• Adición Html: Esta opción servirá para producir cambios globales del blog como lo es el cambia el tamaño de este, modificar la estructura, y agregar funciones que por defecto no están en blogger, como por ejemplo la herramienta leer mas.

Ahora al presionar el botón configuración nos aparecerá la siguiente pantalla:

Donde Podremos Modificar elementos como: el titulo del blog, la dirección web del blog, Formato de fecha y cantidad de entradas a mostrar, determinar quien puede leer e incluir los comentarios, el correo electrónico de quienes yo quiero que se enteren que se ha modificado el blog, además de por ultimo quien puede ser autor o lector de tu blog.

Ahora revisaremos las distintas herramientas que nos entrega blogger para ir agregando elementos a nuestro blog y hacerlo mas atractivo. Para optar a estas herramientas debemos presionar la opción personalizar y nos aparecerá la siguiente pagina, donde debemos presionar “Añadir elemento de Pagina”

Con lo cual se desplegara una ventana en la cual podremos elegir distintas opciones para ir mejorando nuestro blog de manera de que sea mas atractivo visualmente y a su vez mas útil.

Entre las opciones que podremos elegir se hallan:

• Presentación de Diapositivas.
• Inclusión de encuestas.
• Lista
• Lista de Vínculos
• Imagen
• Adsense
• Texto HTML/ Java svript
• Feeds
• Etiquetas
• Actualidad
• Barra de Video
• Logotipo
• Perfil
• Archivo del Blog
• Cabecera de Pagina

La ventana que se despliega será la siguiente:

Siendo los más importantes:

1. inclusión de encuestas

2. inclusión de links

3. inclusión de imágenes

4. inclusión de texto

5. inclusión de feeds

6. Inclusión de codigos html.

Para incluir cada una de las opciones anteriores se debe presianar la opcion "Añadir al Blog", complatar la inormacion rquerida por ejemplo para inlusion de:"Lista de Vinculos" debemos poner lo siguiente:


Al haber termiando de incluir los links necesarios presionamos guardar y ya se habra insertado esta nueva seccion en nuestro blog. De la misma manera se procedera para añadir los otros elementos de pagina existentes.

Como Modificar Tamaño de Cabecera y Barra Lateral

un blog esta constituido por varias secciones pero principalmente son 3 las mas importantes:

• Header(Cabecera)
• Main Wrapper(Seccion de Posteo)
  
• Side Bar(Barra Lateral)

las cuales por definicion tiene un tamaño determinado el cual puede ser modificado generando correcciones en el codigo html de la palntilla.

para lo cual deberemos presionar el boton personalizar, Diseño, edicion de Html, estando en esta seccion deberemos ubicar el siguiente codigo:

/* Outer-Wrapper
----------------------------------------------- */
Siquieres modificar el tamaño de la cabecera debes modifica el valor correspondiente a width: 750px; por los pixeles que estimes convenientes.

#outer-wrapper {
width: 750px;
margin:0 auto;
padding:10px;
text-align:left;
font: $bodyfont;
}

Siquieres modificar el tamaño del sector de posteo deberas modifica el valor correspondiente a width: 500px; por los pixeles que estimes convenientes.

#main-wrapper {
width: 500px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

Siquieres modificar el tamaño de la barra lñaterl deberas modifica el valor correspondiente a width: 220px; por los pixeles que estimes convenientes.

#sidebar-wrapper {
width: 220px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

se debe tener en cuenta que la suma del ancho de la barra lateral y de la seccion de posteo no debe superar el tamaño de la cabecera, ademas se sugiere que ambos sumen 30 px(pixeles menos que el tamaño predetermiando para el ancho de la cabecera)

Inclusión de Contadores

Todo aquel que se decida a iniciar la escritura de un blog, suponemos, tiene algo que contar al resto del mundo y tratara de generar a su vez el mayor impacto posible, por tanto querra saber tambien cuantas personas han visitado su blog en el ultimo tiempo, dia, semana, etc. Para esto se debe agregar al blog un contador. Para agregar un contador deberemos seguir cada uno de estos pasos:

Dirigirnos a algun sitio donde podamos encontrar un contador, para lo cual te proponemos el portal de www.histats.com, en este deberas registrarte como usuaria e ingresar los datos pedidos, para despues poder elegir el contador que mas te parezca, te recomendamos que elijas uno que cuente tanto "visitantes hoy" como numerode hits, los que corresponden a reingresos y no nuevas visitas, asi podras conocer el trafico real de tu blog.


En caso de ya poseer un blog o pagina web deberas presionar e inlcuir los datos requeridos:

Habiendo ingresado estos datos debemos presionar continuar lo que nos llevara a una nueva pagina donde debremos elegir el tipo de contador seleccionado y presionar la opcion:

y elegir el contador que mas nos parezca, segun nuestras necesidades:

despues de haber seleccionado nuestro contador dbemos presionar continuar, lo que hara aparecer la siguiente pantalla.

Presionamos continuar por ultima vez y llegaremos a:

de donde deberemos copiar el codigo entregado dirigirnos a nuestro blog, presionar la opcion ubicada en la parte superior derecha que dice personalizar y presionar añadir elemento de pagina cdigo HTML/java script. En la ventana que se desplegara deberemos pegar el codigo y presionar el boton guardar.

Ademas de la direccion anterior aca se agregan otras paginas opcionales:

• whos
• free hit counters
• free counter
• pro counter
• + contadores
  

Inclusión Videos en Post y en la Barra Lateral

El poner videos desde youtube en tu blog es extremadamente sencillo, los pasos son los siguientes:

1. Anda a www.yotube.com y en search o buscar pon el nombre de video que quieras hallar.
2. Si pones shrek 2, veras la siguiente pantalla. Ahora debes buscar donde esta el código Embed y copiarlo.
3. Habiendo hecho esto vas a tu blog y en post o nueva entrada, presionas el boton html y pegas el código anteriormente copiado.
4. Ahora presionas publicar, ver blog y ya habrás puesto un video en tu blog

Como Poner Videos de Youtube en la Barra Lateral de tu Blog:

El poner videos desde youtube en tu blog es extremadamente sencillo, los pasos son los siguientes:

1. Anda a www.yotube.com y en search o buscar pon el nombre de video que quieras hallar.
2. Si pones shrek 2, veras la siguiente pantalla. Ahora debes buscar donde esta el código Embed y copiarlo.
3. Habiendo hecho esto vas a tu blog y presionas personalizar.
4. En la opción diseño presionas añadir elemento de pagina y escoges la opcion HTML/Javascript.
5. Cuando se habra la ventana debes pegar el código Embed, pero debes modificar las dimensiones width="425" height="355” por width="220" height="220”, habiendo hecho esto preionas guardar cambios y ya habrás incluido el video en la barra lateral

para finalizar presionas guardar y ver blog. Y Veras lo siguiente:

Inclusión y Mejoramiento de Links en el Blog

para incluir links en el blog existen dos opciones, la primera es utlizar la herramienta de hipervinculo que posea la seccion de post representada por una cadena o la otra es ingresar el codigo correspondiente para utilizar la opcion de blogger debemos escribir la palabra que queremos sea nuestro link por ejemplo:

LINK

Cubrirla con el cursor y presionar el icono de la cadena con lo cual nos aparece un cuadro donde deberemos ingresar la direccion del link a utilizar para posteriormente presionar Aceptar.

Habiendo hecho esto, habremos transformado la palabra seleccionada en un link.

la otra opcion es ingresar en la seccion de escritura HTML el siguiente Codigo:

<"a href=http://www.concursodeblogutfsm.blogspot.com>El mejor Concurso de Colegios<"/a>

con lo cual nos aparecera el siguiente link El mejor Concurso

Si ahora lo que queires es hacer un link con una imagen debes utilizar el siguiente codigo.

<"a href="url del sitio" target="_top"><"img src="url de la imagen" alt="Nomre de la Imagen" width="468" height="60" border="1"><"/a>

Por ejemplo este link nos llevaria a:

Inclusión de Buscadores en el Blog

En uno de los mails que últimamente estoy recibiendo se me preguntaba por la posibilidad de insertar en blogger un buscador para los contenidos del blog que se adaptase completamente a lo que es la interfaz blogspot.

A diferencia de wordpress, en blogger no se ofrecen otro tipo de plataformas

De entrada me pareció complicado conseguir hacerlo pero tras buscar, descubrí la página de vlan7, en la que explica una manera muy sencilla y que yo mismo he decidido implementar en mi blog, ya que puede ser un complemento para las etiquetas para todos los visitantes.

Para insertar el buscador hemos de hacer lo siguiente:

1. Ir a la pestaña diseño del blog, y seleccionar la subpestaña “Elementos de página”.

2. Pulsar “Añadir nuevo elemento”, y seleccionamos “HTML/JavaScript”. En mi caso yo no he puesto ningún título.

3. Copiar el siguiente código, sin las Comillas de color Rojo.

<"form id="searchthis" action="/search" style="display:inline;" method="get">

<"input id="search-box" name="q" type="text"/>
<"input id="search-btn" value="Buscar" type="submit"/>
<"/form>

4. Guardar los cambios y hacer alguna pequeña prueba para observar que todo funciona bien.

Como Modificar el Fondo de tu blog:

Para cambiar el color de fondo de tu blog, debes acceder a las opciones referentes a la plantilla en tu panel de control, es decir opcion "personalizar" y entrar en la edición HTML de la misma. A continuación, solamente será necesario modificar el valor “#ffffff” de la etiqueta “background” del siguiente bloque de código CSS, correspondiente al color que quieras de fondo:

body {
background: #ffffff url(imagen de fondo) top center repeat-y;
margin: 0;
padding: 0;
border: 0;
text-align: center;
color: $mainTextColor;
font-size: small;
}

Si la plantilla tiene asignada una imagen de fondo predeterminada, tendrás que eliminarla para que no se interponga a el color de fondo que hayas elegido.

Insertar una imagen de fondo:

Por el contrario, si lo que se pretende es insertar una imagen para que aparezca como fondo del blog, has de colocar la dirección http del sitio donde tengas alojada la imagen correspondiente dentro del paréntesis (”imagen de fondo”) de la misma etiqueta “background”, señalado en negrita en el código anterior.

Los atributos siguientes, “top center” hacen referencia a la posición de la imagen y “repeat” nos indica que la imagen se repetirá indefinidamente cubriendo así todo el fondo del blog.

Recomendaciones:

También cabe la posibilidad de utilizar una imagen de fondo con las mismas dimensiones que las del blog, sin que sea necesario por tanto utilizar el atributo “repeat” para rellenar el fondo del blog. Aunque es aconsejable reducir al máximo el tamaño y las dimensiones de la imagen para evitar que aumente el tiempo de carga de la página. Por ello, es preferible insertar una imagen de menor volumen y valerse del atributo “repeat” para mantener la armonía y el diseño del blog.

Como Subir Archivos Desde la Red

Supongo que te preguntarás si además de incluir Videos, Textos e Imagenes a tu Blog podrás subir archivos descargables, es decir, textos, películas, videos, música, etc. Y la respuesta nuevamente es SI, si se pueden subir y descargar archivos desde la web. Aca te enseñaremos como utilizar dos de los programas mas masivos de la web:

Como subir Archivos a Rapidshare:

Lo primero que debemos hacer es dirigirnos a www.rapidshare.com nos aparecera la siguiente pantalla:

En esta pagina deberemos presionar la opcion examinar para asi buscar en nuestro computador el archivo que queramos compartir :

Despues de haber seleccionado el archivo de interes deberemos presionar el boton Upload y se comenzara a subir nuestro archivo:


Cuando el portal ha terminado de subir el archivo seleccionado nos aparecera una ventana que indique lo siguiente:

Donde como se indica en la imagen el link de color negro servira para descargar el archivo seleccionado. Ahora para utilizar este link en nuestros post debemos escribir el codigo para incluir links con los cual nos quedara:

<"a href="://rapidshare.com/files/129067413/Guia_para_creacion_de_blogs2.0.doc.html>Descarga la Guia para la Creacion de un Blog<"/a>

y se vera
Descarga la Guia para la Creacion de un Blog

Como subir Archivos Megaupload:

Lo primero que debemos hacer es dirigirnos a www.megaupload.com donde nos aparecera la siguiente pantalla:

Donde al igual que en el caso anterior deberemos presionar la Opcion examinar para buscar el archivo que deseemos subir a la web. Despues de seleccionar el archivo y realizar una breve descripcion de este aceptamos las condiciones y presionamos enviar, donde visualizaremos la siguiente pantalla:

Una vez habiendo finalizada la carga del archivo aparecera sobre el cuadro verde, el link correspondiente a la opion de descarga del archivo.

Para utilizar el link de descarga seguimos el mismo procedimiento usado con anterioridad es decir:

<"a href="http://www.megaupload.com/?d=RFN2VVBA">Descarga la Guia para la Creacion de un Blog<"/a>

Descarga la Guia para la Creacion de un Blog

Insertar Musica en el Blog

Además de poner videos e imagenes en nuestro blog, podriamos agregar musica, para hacer nuestro blog mas atractivo. La metodologia para realizar esto es dirigirse a las paginas web que entreguen esta aplicaciones, ingresar la informacion requerida y generar posteriormente el codigo html que corresponda, el que debera ser copiado y pegado, en la barra lateral añadiendo un elemento de pagina Html/Javascript o en la seccion "Edicion de Html" de los post, esto segun se requiera.

Ahora Introduciremos algunas aplicaciones que nos serviran para inlcuir musica en nuestro Blog.

Musica en el Blog:

1ª Opcion:

Radio Blog, 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 a Seguir:

1. Vas a Radio Blog y seleccionas una canción, un grupo o cantante preferido dentro de la 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.
   

2ª Opcion:

Reproductor de Musica iPhone en blogger

Ahora vamos a explicar como poner un reproductor de musica iPhone o iPod en un blog de blogger, la forma es extremadamente sencilla, para esto lo primero que debes hacer es entrar en la pagina ivoon.com, pagina que te debería salir es esta.

Abajo a la izquierda tienes unas banderitas para traducir la pagina, si lo requieres presiona la española y se te hara mas facil seguir los pasos.

Pasos a Seguir:

• Para poder utilizar esta herramienta lo primero que debes hacer es registrarte, no te llevara mucho tiempo, arriba a la izquierda tienes las casillas para identificarte, Nombre de Usuario, Contraseña, Recordar Contraseña, Entrar. Como aun no estas registrado deberás presionar la opcion Registro y accederás a un formulario en el cual tienes que introducir tus datos, Nombre, Nombre de Usuario para la Pagina, e-mail, Contraseña, verificar contraseña. finalmente deberas presionar el boton "Send Registration" y si no esta el nombre utilizado ya estarás registrado, debe de aparecer esta pagina de confirmación.ademas recibirás un mail de confirmación. Pulsa en "here" para volver al inicio.

• Ahora introduce tus datos en "Nombre de Usuario" y "contraseña", activar la casilla "recordar "para que recuerde tu contraseñas la próxima vez que entres y pulsa en "login" para entrar.

Desde esta pagina controlaras todo tu reproductor, te aconsejo que la añadas como favorito (o marcador) en tu explorador ya que tendrás que visitarla cada vez que quien añadir o quitar una canción.

Como puedes ver hay tres pestañas,

• Music gallery (galería de música), esta es la biblioteca de música subida por todos los miembros de la pagina, tienes un buscador donde solo tienes que poner el nombre de lo que recuerdes artistas, álbum, canción, etc... y si esta aparecerea en epantalla.
  

Cuando tengas el resultado de tu búsqueda, te aparecerá una lista como esta

• A la derecha aparecera un signo Play, el cual reproducira la canción y un signo "+" al final, al pulsar en este signo añades la cancion a tu lista y automáticamente a tu reproductor cuando lo tengas en tu blog, te recomendamos que escuches la canción antes de añadirla pues no todas funcionan

• Upload (subir) esta pestaña es para subir canciones se debe primeramente habr subido la cancion a algun hosting para posteriormente subir la cancion por medio del link de descarga.

• My playlist (Mis listas de reproducción) aquí es donde gestionaras tu lista, elegirás tu reproductor y obtendrás el código.

Elementos del Reproductor:

1. Chose you player, eliges el tipo de reproductor.
2. Autoplay, si esta activa comienza la reproducción automáticamente, si esta desactivada comenzara cuando pulsemos play.
3. Auto-Show Playlist, si esta activa visualiza la lista en el reproductor, si no solo la canción.
4. Update, Cuando lo tengas configurado pulsala para que actualice el reproductor de muestra y el código.
5. Edit list, aquí están las canciones que aparecerán en tu reproductor, desde aquí gestionarlas, puedes borrar canciones y poco mas.
6. Codigo, todas esas lineas de texto que aparece al final es el codigo que necesitas para añadirlo a tu blog, selecionas todo, y lo copias al portapapeles o a un documento de texto. Para luego pegarlo en tu blog como elemento de pagina.

3ª opcion:

En el sitio imeem nos ofrecen otra alternativa para colocar música en nuestro Blog.

Este servicio nos permite elegir los temas musicales de una base de datos o subir (upload) los que nos gustan. Inclusive se puede realizar distintas playlists y configurarlas a nuestro gusto.

El primer paso es ingresar aqui y te registras pulsando el boton SIGN UP!

Luego de completados los datos te enviarán un Mail a tu casilla de correo para confirmar el registro, sigues el link e ingresas nuevamente al sitio.

A continuación pones el nombre del artista que estas buscando en SEARCH (buscar) y seleccionas el nombre del tema que te gusta.

Se abrirá una nueva página con los datos de la canción, seleccionas el código Embed, como muestra la imagen a continuación, y lo copias en una entrada o en la Barra lateral

El resultado será algo así.