Cambiar el título del blog por una imagen en la nueva versión de Blogger -26-

Para alojar una imagen puedes usar Imageshack o Photobucket. En cambio, si quieres que sea en blogger debes crear una nueva entrada o post. Desde ahí, subes una imagen al editor y después te vas a Edición de HTML, para copiar la ruta de la imagen.

1. Lo siguiente que debes hacer es ir a Plantilla (Template), luego a Edición de HTML y clic en Expandir plantillas de artilugios y buscas lo siguiente:

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='PruebaBlog (cabecera)' type='Header'>
<b:includable id='main'>
<div class='titlewrapper'>
<h1 class='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</h1>
</div>

2. Una vez ubicado el código, tendrás que borrar <data:title/> para luego agregar el siguiente código: <img src="http://Aquí-la-dirección-de-tu-imagen" /> y a su vez reemplazar la URL de la imagen que has subido en ImageShack, Photobucket o en Blogger.
Así que lo único que tienes que hacer es sustituir los dos códigos(<data:title/>). Esta modificación hará que la imagen aparezca en el título.
Ejemplo:

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='PruebaBlog (cabecera)' type='Header'>
<b:includable id='main'>
<div class='titlewrapper'>
<h1 class='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<img src="http://spiderman3.jpg" />
<b:else/>
<a expr:href='data:blog.homepageUrl'><img src="http://spiderman3.jpg" /></a>
</b:if>
</h1>
</div>

Nota:
- Cuando borras los dos códigos (<data:title/>) prácticamente se borra el título del blog.

- En cuanto lo que es ancho y alto tendrías que calcular tu imagen al subirlo en un hosting, para que te quede perfecto. En todo caso si te es muy difícil, puedes hacer lo siguiente:
En <img src="http://Aquí-la-dirección-de-tu-imagen" /> agrégale width y height.
Ejemplo:
<img src="http://spiderman3.jpg" width="100" height="250" />

- Probablemente algunas plantillas no tienen el mismo código que les he puesto, pero tienen algo parecido. Sin embargo, incluyen <data:title/>.

**Por ejemplo he subido una imagen en Photobucket y he pegado lo siguiente:

<img src="http://i151.photobucket.com/albums/s137/andrewmusic1/Ayudaparaelblog.jpg" border="0" alt="Photo Sharing and Video Hosting at Photobucket" />

Y he añadido al último esto: /

Usuarios Online en el Blog -25-

Si quieres ver cuantos usuarios están en línea en estos momentos en tu blog/sitio web, aquí te dejo algunas páginas para que puedas colocarlo en el blog. Es muy fácil de colocarlo.
Por ejemplo, algunas páginas solamente te pedirán la dirección de tu blog (URL) y un correo electrónico (e-mail), en cambio en otros tendrás que registrarte.

Ejemplo:


who's.amung.us (No necesitas registrarte, sólo debes insertar un pequeño código donde deseas que aparezca la imagen con el número de usuarios online y listo).
Macareno.net (Solamente ingresas la URL de tu blog).
TwoSpots UserOnline (Ingresas la URL de tu blog, un correo electrónico y después escoges un diseño).
UsersOnline.com (Nombre de usuario, password, e-mail y URL).
FastOnlineUsers.com (Clic en HTML Code y en el código que te proporcionan le cambias www.CHANGE_TO_YOUR_DOMAIN.com por la URL de tu blog).
JSTracker (URL de tu blog y escoges tu lenguaje).
AldeaMix.com (E-mail, fuente, tamaño y color de fuente, formato de texto, URL).
FreeOnlineUsers.com (Nombre, e-mail, password).
Miarroba.com (Registrarte y tiene una extensa galería. Además te ofrece otros servicios).
PromocionaNet (Registrarte y además te ofrece otros servicios).

Insertar elementos en la Sidebar (Blogger nuevo)
Insertar elementos en la Sidebar (Blogger antiguo)

Ranking de 5 estrellas en la nueva versión de Blogger -24-

Ahora puedes incorporar en el blog un ranking de 5 estrellas en la nueva versión de Blogger para cada post.
Por ejemplo, en algunos directorios, tales como Blogalaxia o Perúblogs, encontramos en la parte derecha un ranking, el cual algunos blogs/sitios web han agregado una barrita de 5 estrellas a su blog, con el fin de que el usuario pueda valorar el post. Esto puede deberse tal vez por la calidad de sus publicación o por la utilidad de sus escritos
Si deseas poner esta barrita en tu blog hazlo de la siguiente manera:
1. El código del ranking de 5 estrellas es el siguiente:

<iframe
expr:src='"http://rank.blogalaxia.com/pbrate.php?color=ffffff&amp;url=" + data:post.url' frameborder='0' height='15' marginheight='0'
marginwidth='0' scrolling='no' style='margin:0; padding:0' width='70'></iframe>

2. El código proporcionado anteriormente, lo tendrías que pegar de la siguiente manera:
- Buscar:

<div class='post-header-line-1'/>
<div class='post-body'>
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

Después de este código lo pegas o sino después de:

<p class='post-footer-line post-footer-line-2'><span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast
!= "true"'>,</b:if>
</b:loop>
</b:if>

Después de todas estas líneas pegas el código.

3. Esta barrita prácticamente te saldrá en todos los posts, pero si quieres en algunos tendrás que pegarlo cuando vas a publicar algo.
Nota: Para que esto te sirva necesitas agregar tu blog en los directorios antes mencionados.

**En mi opinión me parece una idea interesante, porque creo que la popularidad de un blog no se puede medir solo por el número de visitas, sino por su calidad o utilidad, entre otras cosas.

Ranking de 5 estrellas en la versión antigua de Blogger

Insertar elementos en la nueva versión de Blogger -23-

En la nueva versión de Blogger, es más sencillo colocar en la Sidebar (Barra lateral del blog) un chat, un reloj, entre otras cosas.

1. Ir a plantilla, luego a Elementos de la página y en Añadir un elemento de página seleccionan HTML/Javascript. Ahí tendrán que agregar un título y luego pegar en el contenido el código del accesorio, que puede ser un reloj, un tagboard, un calendario, un chat, un reproductor, imágenes, etc.

2. Cuando vas agregar un calendario, un reloj, entre otras cosas y le agregas un título, pues ese título te sale todo en minúscula. Ahora bien, podrías hacer lo siguiente para que te salga todo en mayúscula o mayúscula con minúscula.
Tendrás que hacer lo siguiente:
- Ir a plantilla, luego a Edición de HTML (no necesitas expandir plantilla de artilugios) y ubicas lo siguiente:

/* Sidebar
----------------------------------------------- */
.sidebar h2 {
margin:1em 0 .25em;
line-height: 1.4em;
font: $sidebarHeaderFont;
color: $sidebarHeaderColor;
text-transform:lowercase;
}

Donde dice: text-transform:lowercase; le puedes cambiar el lowercase por alguno de estos atributos:
a) capitalize: Convierte en mayúsculas el primer carácter de cada palabra.
Ejemplo:
text-transform: capitalize;
archivo del blog, se transforma en: Archivo Del Blog

b) uppercase: Convierte a mayúsculas todas las letras del texto.
Ejemplo:
text-transform: uppercase;
archive del blogtesting, se transforma en: ARCHIVO DEL BLOG

c) lowercase: Convierte a minúsculas todas las letras del texto.
Ejemplo:
text-transform: lowercase;
ArChivo DEL BLog se transforma en: archive del blog

d) none: No realiza cambios en el texto.
Ejemplo:
text-transform: none;
ArChivo DEL BLog se transforma en: ArChivo DEL Blog

En conclusión, la propiedad text-transform permite que el texto se transforme en mayúsculas o minúsculas.

**Esto también lo puedes aplicar para el titulo del blog (ubicas #header h1), para la descripción (Description), para los comentarios (Comments y ubicas comment-author) y para las publicaciones ubicas Posts, desde ahí puedes cambiar en date-header (Fecha) o en post-footer (Publicado por).

Insertar elementos en la Sidebar en la versión antigua de Blogger

Últimos comentarios en el Blog (1) -22-

En la nueva versión de Blogger se puede añadir en la Sidebar (Barra lateral del blog) los últimos comentarios que dejan, los que realizan una visita a tu blog.

1. Ir a plantilla, luego a Elementos de la página y en Añadir un elemento de página, seleccionan Feed. Ahí tendrán que agregar la URL del feed, en este caso seria así:
http://el-nombre-de-tu-blog.blogspot.com/feeds/comments/default
Ejemplo:
http://ayudaparaelblog.blogspot.com/feeds/comments/default

2. Luego le pones un titulo, que puede ser: Aquí me escribieron, Últimos comentarios o Recientes comentarios, etc.

3. Eliges el número de comentarios que quieres que se vean. Además, estos comentarios pueden estar con su respectiva fecha y autor.

Nota: Muy fácil de incorporarlo en tu blog.

Crear resúmenes de entradas ampliables en la nueva versión de Blogger (Leer Mas) -21-

1. Ir a Plantilla (Template). Luego a Edición de HTML y clic en Expandir plantillas de artilugios y buscas lo siguiente:
<div class='post-header-line-1'/>
<div class='post-body'>

<p><data:post.body/></p>

<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

2. Luego agregas lo siguiente después de <div class='post-body'>

<b:if cond='data:blog.pageType == "item"'>         
   <style>.fullpost{display:inline;}</style>         
   <p><data:post.body/></p>      
<b:else/>         
   <style>.fullpost{display:none;}</style>

3. Seguimos en la Plantilla. Una vez que han pegado el código anterior, ahora pegas lo siguiente después de <p><data:post.body/></p>

   <a expr:href='data:post.url'>Leer Mas...</a>      
</b:if>

Ahora puedes guardar los cambios de la plantilla.

4. Para que funcione esto necesitas un código más, que lo vas a pegar en:
- Ir a Opciones. Luego a Formato y en Plantilla de entrada lo pegas.
- Cuando vas a publicar algo, prácticamente en todas las entradas te saldrá este código, sin necesidad de estar escribiéndolo en cada entrada. No olvidar guardar los cambios. El código es el siguiente:
Aquí escribes el contenido.
<span class="fullpost"> (código)
Aquí escribes el resto del contenido que no se vera.
</span> (código)

Veamos un ejemplo:

Click en las imagenes para agrandarla

**Ahora bien, puedes agregar otro complemento más y es una imagen en vez del texto, tendrías que hacer lo siguiente, por ejemplo:
-Crear una imagen pequeña que diga: Leer Mas y luego lo subes a Imageshack.
-Luego en donde dice:
<a href='data:post.url'>Leer Mas...</a>
Reemplazas el texto Leer Mas por lo siguiente:
<img src="la-ruta-de-la-imagen" />
- De esta forma se eliminó el texto que decía Leer Mas... por la imagen.

Nota: Esto resulta práctico si dispones de una página que incluye muchos artículos largos.

Entradas ampliables - Leer Mas (el post aparece en la misma página principal)

Crear resúmenes en entradas ampliables en la versión antigua del Blogger (Un simple botón, Leer Mas)

Crear resúmenes en entradas ampliables en la versión antigua del Blogger (Leer Mas)

Encuesta para el Blog: Dpolls -20-

Dpolls es una web en la que puedes crear tu propia encuesta de manera sencilla, el cual los resultados se despliegan en el mismo cuadro y no manda a los visitantes afuera del blog. Pero esta encuesta no lo puedes pegar en la Sidebar (Barra lateral del blog) porque es muy grande. Tiene un buen diseño.

1. Entrar a Dpoll.
2. Te registras (Register) y escribes un mombre de usuario, nombre, e.-mail, etc. Fácil.
3. Luego recibirás un correo para poder activar tu cuenta y así poder crear la encuesta.
4. Prácticamente es fácil. Solamente son 5 pasos para crear tu propia encuesta.
- Si deseas colocarlo en el blog, le das clic en Place in your site.
- Ingresas tu pregunta.
- Agregas las alternativas de la pregunta (Clic en el signo + para agregar).
- Escoges una categoría y subcategoría, para que veas como son los diseños.
- Indicas un cierto periodo a tu encuesta (día, semanas, meses) y a su vez escoges un limite de votos, que puede ser 1000, 10000 o sin limite (de acuerdo a lo que tu quieras).

5. Al crear la encuesta, luego te proporcionará el código (HTML) para pegarlo en el blog o sitio web.

Ejemplo 1

Ejemplo 2



** Para que quede más claro como puedes usar este tipo de encuesta visita aquí.

Cambiar el título del blog por una imagen -19-

Para alojar una imagen puedes usar Imageshack. En cambio, si quieres que sea en blogger debes crear una nueva entrada o post. Desde ahí, subes una imagen al editor y después te vas a Edición de HTML, para copiar la ruta de la imagen.

1. Lo siguiente que debes hacer es ir a Plantilla. Luego deberán buscar lo siguiente:

<div id="header"> <h1 id="blog-title"> <ItemPage><a href="<$BlogURL$>"></ItemPage> <$BlogTitle$> <ItemPage></a></ItemPage> </h1> </div>

2. Una vez ubicado el código, tendrás que borrar <$BlogTitle$> para luego agregar el siguiente código: <img src="http://urldelaimagen.jpg" /> y a su vez reemplazar la URL de la imagen que has subido en ImageShack o en Blogger.

Nota: Probablemente algunas plantillas no tienen el mismo código que les he puesto, pero tienen algo parecido. Sin embargo, incluyen <$BlogTitle$>.

Existe otra manera de modificar, el cual tendrías que localizar lo siguiente en la plantilla:

/* Header ----------------------------------------------- */ #header { background:#be4 url("http://www.blogblog.com/no565/topleft.gif") no-repeat left bottom; padding:0 0 0 160px; margin:0 0 10px; color:#fff; width:100%; width/* */:/**/auto; width:auto; } #blog-title { background:url("http://www.blogblog.com/no565/bg_header.gif") no-repeat left top; margin:0; padding:40px 0 0; font:bold 275%/97px Helvetica,Arial,Verdana,Sans-serif; text-transform:lowercase; } #blog-title a { color:#fff; text-decoration:none; } .postpage #blog-title { padding-top:0; background-position:0 -40px; }

Simplemente tendrías que sustituir las dos URL´s en background por la URL de tu imagen. Esta modificación hará que la imagen aparezca como fondo en la cabecera. Sin embargo el título y la descripción del blog seguirán manteniéndose, siempre y cuando no lo hayas borrado <$BlogTitle$>.

Insertar elementos en la SideBar del Blog -18-

SideBar.- Barra lateral del blog en donde por lo general se coloca el BlogRoll, el LinkBlog y detalles sobre el blog en general.

Blogroll.- Es una colección de enlaces de weblogs (blog o bitácora) para encontrar más weblogs. Los autores de weblogs pueden definir diferentes criterios para incluir otros weblogs en sus blogroll. Habitualmente, el listado de otros weblogs se compone webs que los propios autores visitan con asiduidad.

LinkBlog.- Enlaces a artículos específicos, ubicados en la barra lateral del blog.

1. En la plantilla tendremos que buscar el siguiente texto: Begin #sidebar.
Ejemplo:

<!-- Begin #sidebar -->
<div id="sidebar"><div id="sidebar2">

<!-- Begin #profile-container -->

<$BlogMemberProfile$>

<!-- End #profile -->

<mainorarchivepage>

Continúa más código

</div>
<!-- End #sidebar -->

2. Entre <!-- Begin #sidebar --> y <!-- End #sidebar --> podemos pegar nuestro tagboard, reloj, calendario, chat, entre otras cosas.

Cambiar posted by y comments en el Blog -17-

Post.- Se refiere a la publicación de un artículo o entrada nueva en un blog.

1. Para cambiar el posted by por algo más personalizado, deberán buscar en la plantilla o template el siguiente código:

<em>posted by <$BlogItemAuthorNickname$> at <a href="<$BlogItemPermalinkUrl$">" title="permanent link"><$BlogItemDateTime$></a></em>

Cambiamos el posted by por lo que deseamos que aparezca en nuestro blog.
Por ejemplo puede ser: Publicado por, Escrito por, entre otras palabras o frases que se les ocurra.
Además, en donde dice at reemplazamos por “a las”

2. Luego más abajo podemos cambiar el comments, buscando el siguiente código:

<mainorarchivepage><blogitemcommentsenabled>
<a class="comment-link" href="">"<$BlogItemCommentFormOnclick$>>
<$BlogItemCommentCount$> comments</a>

Cambiamos el comments. Por ejemplo: Deja tu huella, Deja tu comentario, Comenta, entre otras palabras o frases que se les ocurra.
Nota: Si deseas que salga mayúscula y minúscula borras lo siguiente:

<p class="post-footer">

*En el caso que se hayan cambiado a la nueva versión del Blogger, es más sencillo:
Ir a plantilla, luego a Elementos de la página y en Entradas del Blog podrán editarlo. Ahí tendrán que seleccionar los elementos que quieran que se muestren en su blog.

*Por otro lado, si estas en la nueva versión del Blogger y has optado por Recuperar la plantilla clásica, simplemente ubicas lo siguiente:
<em><$I18NPostedByAuthorNickname$> <$I18NAtTimeWithPermalink$></em>
Tendrás que borrar lo siguiente:
<$I18NPostedByAuthorNickname$> y reemplazar todo este texto por lo que quieras.

Encuesta para el Blog: NeomyzPolls -16-

NeomyzPolls es una web en la que puedes crear tu propia encuesta de manera muy sencilla. Este servicio tiene muy buenos diseños y es muy fácil de utilizar su panel de control, el cual permite que veas una breve estadística. Puedes también corregir tu encuesta muy fácilmente. Pero uno de los detalles es que solamente tienes un máximo de 100 visitas diariamente, es decir que hay un limite por día (100 visitas).

*En caso de que no encuentren la encuesta que he publicado, es porque demasiada gente me ha visitado, pero como mi blog no es tan conocido entonces no va ha desaparecer.

1. Ingresar a NeomyzPoll
2. Te registras (e-mail, nombre, etc).
3. Luego podrás crear la encuesta.
4. Prácticamente, ahí te dice todos los pasos que tienes que seguir.

5. Si quieres pegar el código has clic en Get HTML Code, si quieres editarlo en Edit Poll, quizás verlo clic en View Poll o un enlace clic en Get Poll Link.

Muy fácil de colocarlo en el blog.

Por otro lado Neomyz también te ofrece juegos en línea y las últimas noticias para colocar en tu blog/sitio web.

Insertar elementos en la Sidebar (Blogger antiguo)
Insertar elementos en la Sidebar (Blogger nuevo)

Ranking de 5 estrellas en el Blog -15-

Ahora puedes incorporar en el blog un ranking de 5 estrellas para cada post.
En directorios, tales como Blogalaxia o Perúblogs, encontramos en la parte derecha un ranking, el cual algunos blogs/sitios web han agregado una barrita de 5 estrellas a su blog, con el fin de que el usuario pueda valorar el post. Esto puede deberse tal vez por la calidad de sus publicación o por la utilidad de sus escritos.
Si deseas poner esta barrita en tu blog hazlo de la siguiente manera:
1. En la plantilla tendrás que ubicar esto:

<p class="post-footer">
<em>posted by <$BlogItemAuthorNickname$> at <a href="<$BlogItemPermalinkUrl$>" title="permanent link"><$BlogItemDateTime$></a></em>

2. Puedes poner el código justamente después después de </a> o al final de </em>. En todo caso en donde mejor te parezca.
3. Tendrás que pegar el siguiente código:

<iframe src="http://rank.blogalaxia.com/pbrate.php?color=ffffff&url=<$BlogItemPermalinkUrl$>" width=70 height=15 scrolling=no frameborder=0 marginheight=0 marginwidth=0 style='margin:0; padding:0'></iframe>

En donde dice: color=ffffff puedes cambiar por otro color.

4. Esta barrita prácticamente te saldrá en todos los post, pero si quieres en algunos tendrás que pegarlo cuando vas a publicar algo.
Nota: Para que esto te sirva necesitas agregar tu blog en los directorios antes mencionados.

Cortesía: Blogalaxia

Colores RGB

**En mi opinión me parece una idea interesante, porque creo que la popularidad de un blog no se puede medir solo por el número de visitas, sino por su calidad o utilidad, entre otras cosas.

Letrero luminoso para el Blog -14-

Signbot es una pequeña utilidad que nos permite crear nuestros propios letreros luminosos al estilo de los centros comerciales, en base a LED (Light Emitting Diode, la traducción es: Diodo Emisor de Luz).

1. Ingresar a Signbot.
2. Solo debemos escribir la palabra o frase del anuncio, escoger el tamaño (pequeño, mediano o grande) y en unos segundos nos presenta el letrero listo para su descarga en formato GIF o alojarlo directamente en ImageShack.
3. Al crear el letrero, si deseas le das click en Host to ImageShack y luego escoges el que dice: Hotlink for Websites. De ahí, tienes que insertarlo en HTML/Javascript.
4. Es bastante útil para decorar el blog o sitio web.

Otra página:
Joombly

Insertar elementos en la Sidebar (Blogger nuevo)
Insertar elementos en la Sidebar (Blogger antiguo)

Reproductor en el Blog: Flash Mp3 Player -13-

1. Hay que descargar este archivo zip aquí y descomprimirlo en nuestro ordenador.
Una vez descomprimido aparecerá la carpeta Flash MP3 Player, dentro hay los siguientes archivos:
a. config.xml .- En este archivo editaremos con el Bloc de notas o WordPad:
-El que empiece automáticamente o no del reproductor cuando se carga el blog.
- La repetición de los archivos, sea uno, todos o que suene toda la lista entera una vez.
- Volumen del reproductor (0 a 100).
- Mostrar o no nuestra lista de reproducción.
- Elegir si los enlaces de la lista de reproducción van a abrirse en nueva página o en la misma.
- Escoger los colores de fondo o una imagen para el reproductor (<jpgfile> </jpgfile>).
Nota: En cuanto a los colores los cambios serian en:
<backcolor> </backcolor>
<frontcolor> </frontcolor>
<lightcolor> </lightcolor>

b. playlist.xml .- En este archivo editaremos con el Bloc de notas o WordPad:
- track: Entre estas dos etiquetas colocamos toda la información que queremos incluir.<track> </track>
- annotation: En esta etiqueta colocaremos el título de la canción.

<annotation> </annotation>
- location: Ruta del archivo del audio mp3. <location> </location>
- info: Pagina web del grupo o artista. <info> </info>
- image: Ruta de la imagen que se mostrará durante la reproducción de la canción. (40x40 hasta 100x100). <imgage> </imgage>
Nota: Excepto las dos primeras etiquetas, las demás son opcionales.

c. mp3player.swf .- Este archivo simplemente tendremos que subirlo a nuestro servidor (hosting), no necesita modificarse.

2. Empecemos a subir los mp3 en Mediamax (Hosting de 25 Gbs de almacenamiento gratuito).
- Se registran (Sign Up), llenan un formulario (nombre, e-mail, etc). Cuando estén registrados les llegara un e-mail para que activen su cuenta y puedan subir sus archivos.
- Activada su cuenta. Clic en Upload para subir los mp3. Después le das clic en View your file manager.
- Para poder copiar la ruta del mp3 tendrán que mover o copiar sus canciones.
Veamos un ejemplo:

Click en la imagen para agrnadarla

- No olvides que la ruta de los mp3 tienes que pegar en el archivo playlist.xml.
Nota: Los mp3 también lo puedes subir en Openomy (ver Dewplayer).

3. Para subir imágenes lo pueden hacer en ImageShack. En este caso pegan la ruta en donde esta la imagen en playlist.xml. Esto es opcional.
4. Después de pegar los mp3 y las imágenes en el playlist.xml, tendran que subir los 3 archivos: config.xml, playlist.xml y mp3player.swf. Estos archivos lo pueden subir en Fileden (Hosting).
El procedimiento es el mismo cuando subes mp3 o imágenes.
5. El siguiente código lo pegas en donde tú quieras para que se visualice el Flash Mp3 Player:

<embed allowScriptAccess="never"src="http://ruta_mp3player.swf" menu="false" quality="high" width="300" height="200" name="mp3player" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" border="0" wmode="transparent" flashvars="&config=http://ruta_archivo_config.xml &file=http://ruta_archivo_playlist.xml" wmode="transparent" border="0" />

Nota: En donde dice:
http://ruta_mp3player.swf
http://ruta_archivo_config.xml
http://ruta_archivo_playlist.xml
Estas 3 rutas tienes que reemplazarlo por los archivos que has subido en el Fileden.
*Puedes cambiar los valores de width y height, según el ancho y alto deseado.

*Correción: (http://ruta_archivo_config.xml&file=http://ruta_archivo_playlist.xml), el signo & es junto.

Color Codes

Insertar elementos en la Sidebar (Blogger nuevo)
Insertar elementos en la Sidebar (Blogger antiguo)

Menú desplegable (1) -12-

Un menú desplegable viene a ser una lista de opciones para que el usuario escoja alguna que le interese. Así que, es muy útil ofrecerles un menú desplegable.
A continuación te explico cómo tendrás que hacerlo. Evidentemente, esto solamente es un ejemplo. Tú tendrías que incluir tus propias secciones y textos sustituyendo a los que aquí aparecen.
1. Tomemos como punto de partida un menú en el que aparezcan las siguientes secciones:
- Reproductores
- Encuestas
- Chat
- Tagboard
2. Para disponerlas dentro de un menú desplegable, debemos elegir, en primer lugar el lugar de nuestro blog donde deseamos incluirlo (te recomiendo, por su visibilidad, en la esquina superior derecha). Una vez hecho esto, pega allí el siguiente código:

<script language="javascript"> function ir(){ var thebox=document.menu if (thebox.windowoption.checked){ if (!window.newwindow) newwindow=window.open("") newwindow.location= thebox.example.options[thebox.example.selectedIndex].value } else location= thebox.example.options[thebox.example.selectedIndex].value } </script> <form name="menu"> <select name="example" size=1> <option value="" selected>Seleccionar</option> <option value="http://www.reproductor.com">Reproductores</option> <option value="http://www.encuesta.com">Encuestas</option> <option value="http://www.chat.com">Chat</option> <option value="http://www.tagboard.com">Tagboards</option></select> </select> <input type="button" value="OK" onClick="ir()"> <br> <input type="checkbox" name="windowoption" value="ON"> Abrir en una nueva ventana</p> </form>

Explicación

Click en la imagen para agrandarla

Nota: Tendrás que pegar en:
- Ir a Elementos de la página, clic en Añadir un elemento de página y seleccionar HTML/Javascript.

Chat para el Blog: Gabbly -11-

Gabbly es un servicio de chat que te permite chatear sobre cualquier página web.

1. Entrar a Gabbly.
2. Luego seleccionar Embed, en donde tendrás que llenar un formulario con respecto al chat. Desde ahí, podrás indicar el tamaño (ancho y alto), luego colocar la dirección de tu blog, para que así, puedas obtener el código que se va a pegar en el blog.

Click en la imagen para agrandarla

3. Cuando pegas una dirección web en el chat y al hacerle clic en el link (enlace), serás llevado a dicha página con la ventana del chat Gabbly. Además, puedes silenciar a la gente haciendo clic en su nombre en la lista de la ventana derecha y también se puede encender o apagar el pequeño sonido que hace este chat.

Click en la imagen para agrandarla

Ahora, simplemente nos queda probarlo.

Insertar elementos en la Sidebar (Blogger nuevo)

Tagboard para el Blog: Cbox -10-

Un tagboard es parecido a un chat que permite que la gente deje rápidamente mensajes en el blog o sitio web. Simplemente son listas de mensajes cortos.
1. Ingresar a Cbox.
2. Te inscribes (Sign Up) y el primer paso es llenar un formulario en donde te pide nombre de usuario, e-mail, la dirección del blog/sitio web, entre otras cosas. Muy fácil de llenar.

Click en la imagen para agrandarla

3. Cuando te has registrado en Cbox, ellos te envían un e-mail con todos tus datos y a la vez te dan un link (enlace) para poder empezar a crear tu tagboard.
Ejemplo: http://cbox.ws/admin.php (clic en esa dirección).
4. Al ingresar a Cbox te saldrá un código para pegarlo en el blog. Simplemente copiar y pegar.
5. En este tagboard puedes modificar muchas cosas, como por ejemplo: Como quieres que se muestre los mensajes desde nuevo a viejos (Oldest at top) o viceversa (Newest at top), el ancho y el alto, el número de mensajes que deseas que se muestre, cambiar el color del tagboard, la letra, el borde y hasta puedes bloquear a esos usuarios que dejan insultos (Bloqueas su dirección IP), entre otras cosas.

Click en la imagen para agrandarla

Insertar elementos en la Sidebar (Blogger nuevo)
Insertar elementos en la Sidebar (Blogger antiguo)

FeedBurner: Gestiona el Feed del Blog -9-

FeedBurner es un servicio gratuito que intermedia entre los ficheros RSS/ATOM de un sitio web y sus lectores. De esta manera, este servicio administra los feeds y nos proporciona, a cambio, datos estadísticos.
Por ejemplo:
La cantidad de lectores, el lector RSS que se utilizan y los feeds más leídos.

1. Ingresar a www.feedburner.com
2. Te registras (Register) y el primer paso es llenar un formulario en donde te pide nombre, e-mail y una pregunta secreta con su respectiva respuesta. Muy fácil de llenar.
3. Luego ingresas la dirección de tu blog/sitio web y después seleccionas el tipo de feed que deseas (te recomiendo rss).

Click en la imagen para agrandarla

4. Luego clic en Active Feed. Una vez activado el feed tendrías opciones para mejorar en una versión profesional (Pago, clic en Next), pero si no deseas entonces le das clic en Skip directly to feed management (Saltearse directamente para la administración del feed).

Click en la imagen para agrandarla

5. En la siguiente sección tienes varias opciones. Por ejemplo vamos a la sección Publicize (para hacer público nuestro feed).
6. En la sección Publicize existen varias opciones. Vayamos a Headline Animador, el cual puedes crearte un banner animado en la que se visualizara los temas que has publicado. No olvides dar clic en Active para copiar y pegar el código que te saldrá para colocarlo en el blog.

Click en la imagen para agrandarla

7. Luego iremos a Feed Count, el cual es un grafico dinámico que siempre te mostrara la cantidad de lectores que leen tu blog. No olvides dar clic en Active para copiar y pegar el código que te saldrá para colocarlo en el blog.

Click en la imagen para agrandarla

8. Luego iremos a Chicklet Chooser, el cual es una pequeño imagen que identifica a varios lectores para que puedan agregarse o también se podrían suscribirse dichos lectores. Esta opción ayuda a los usuarios a suscribirse fácilmente. Hay un código para pegarlo en el blog.
9. Luego hay Creative Commons (Derechos de autor), Email Subscriptions, entre otras cosas.

Nota: Este servicio tiene demasiadas opciones y he tratado de explicar mas sobre como hacer público tu Feed. Ahora es cuestión de que ustedes descubran más de este servicio.
En todo caso, probablemente podria haber una segunda publicación con respecto a otra opción.

Imágenes Personalizadas: ImageChef -8-

ImageChef es una página que nos permite crear imágenes personalizadas, el cual puedes colocarlo en el blog/sitio web. Existe una variedad de plantillas para agregarle un mensaje personalizado, también puedes enviar a manera de tarjeta de felicitación a los amigos e incluso puedes crearte un icono para el Messenger, entre otras cosas.
1. Ingresar a www.imagechef.com
2. Te registras (Register) y el primer paso es llenar un formulario en donde te pide nombre, e-mail, entre otras cosas. Muy fácil de llenar.
3. Hay una variedad de imágenes para personalizar, simplemente seleccionas la que mas te gusta.
4. Escribes algún texto o frase que quieras que se muestre, para colocarlo en el blog.
Veamos un ejemplo:

Click en la imagen para agrandarla

Insertar elementos en la Sidebar (Blogger antiguo)
Insertar elementos en la Sidebar (Blogger nuevo)

Encuesta para el Blog: FreePolls -7-

FreePolls es una web en la que puedes crear tu propia encuesta de manera sencilla. Puedes modificar tu encuesta muy fácilmente, ver y borrar los comentarios, archivar tus resultados, duplicar encuestas, agregar una imagen a tu encuesta y el usuario podrá dejar un comentario sobre la encuesta, entre otras cosas.
1. Entrar a freepolls.com
2. Te inscribes (Sign Up) y el primer paso a escoger es un nombre de usuario para identificarte.

Click en la imagen para agrandarla

3. Luego te inscribes en Free (Sin pagar, gratuitamente) y luego llenas un formulario en donde te pide nombre, e-mail, entre otras cosas. Muy fácil de llenar. Finalmente te saldrá un mensaje: Thank you for you order.

Click en la imagen para agrandarla

4. Después clic en Create New Poll (Crear una nueva encuesta), el cual tendrás que llenar tu encuesta: formular tus pregunta con sus respectivas respuestas (opciones).

Click en la imagen para agrandarla

5. Luego tendrás que ponerle un nombre a la encuesta, su categoría, poner la dirección de tu página, además del nombre.

Click en la imagen para agrandarla

6. Después escoges el color de tu encuesta, guardas los cambios (Save chages) y luego escogerás el tipo de encuesta que quieras (Radio Buttons, Horizontal, Checkboxes, Menú Desplegable).
7. Finalmente clic en Get HTML y saldrá un código que tendrás que copiar y pegar en tu blog (Donde tu quieras).

Click en la imagen para agrandarla

Nota: También es posible poner una imagen en tu encuesta, el valor del tamaño seria 60 x 60 (ancho x alto).

Click en la imagen para agrandarla

Insertar elementos en la Sidebar (Blogger antiguo)
Insertar elementos en la Sidebar (Blogger nuevo)