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)

Reproductor para el Blog: Dewplayer -6-

Existen muchos reproductores para colocarlos en el blog, así que este tema lo trataremos poco a poco, el cual cada uno tiene sus ventajas y desventajas.
Dewplayer es un reproductor en flash, pero sólo te permite reproducir archivos mp3 individuales.
Hay 4 versiones:

Dewplayer Mini
Dewplayer Normal
DewplayerMúltiple
Dewplayer con control de volumen

Estos reproductores utilizan un código para poder colocarlos en el blog, así que luego te proporcionare este código. Empezemos:

1. Tienes que subir tus mp3 a un servidor, el cual existen muchos pero te proporcionare uno de los tantos que existen.
2. Ingresar a www.openomy.com. Ahí tienes que registrarte (nombre de usuario, contraseña, e-mail)
3. Luego clic en Examinar, jalas el tema musical que esta dentro de tu computador. En To tags (Para etiquetar) colocas el nombre de la canción (simplemente una parte para poder identificarla) y clic en Upload (Subir).
Veamos un ejemplo:

4. Luego en Your most used tags haces clic en tucanción tag, después clic en tucancion.mp3 y en File Permalink haces clic en Make Public (Hacer público), el cual te saldrá la URL de la canción.
Veamos un ejemplo:

**Ahora bien si subes por ejemplo, la canción Corazón Espinado (hay dos palabras), entonces la URL será:

http://www.openomy.com/download/andrewmusic2/Corazon%20Espinado.mp3.

5. Cualquiera de estos reproductores puedes colocarlo en el blog. Aquí te van los códigos de cada uno:

Dewplayer Mini

<object type="application/x-shockwave-flash" data="http://www.estvideo.com/dew/media/dewplayer-mini.swf?mp3=http://tucancion.mp3&bgcolor=FFFFFF" width="150" height="20"> <param name="movie" value="http://www.estvideo.com/dew/media/dewplayer-mini.swf?mp3=http://tucancion.mp3&bgcolor=FFFFFF" /> </object>

Nota: En donde dice: http://tucancion.mp3, reemplazas por la URL de la canción que has subido. En mi caso seria:

http://www.openomy.com/download/andrewmusic2/Smooth.mp3

Dewplayer Normal

<object type="application/x-shockwave-flash" data="http://www.estvideo.com/dew/media/dewplayer.swf?mp3=http://tucancion.mp3&bgcolor=FFFFFF" width="200" height="20"> <param name="movie" value="http://www.estvideo.com/dew/media/dewplayer.swf?mp3=http://tucancion.mp3&bgcolor=FFFFFF" /> </object>

Nota: En donde dice: http://tucancion.mp3, reemplazas por la URL de la canción que has subido. En mi caso seria:

http://www.openomy.com/download/andrewmusic2/Smooth.mp3

Dewplayer Múltiple

<object type="application/x-shockwave-flash" data="http://www.estvideo.com/dew/media/dewplayer-multi.swf?mp3=http://tucancion.mp3|http://otracancion.mp3&bgcolor=FFFFFF" width="240" height="20"> <param name="movie" value="http://www.estvideo.com/dew/media/dewplayer-multi.swf?mp3=http://tucancion.mp3|http://otracancion.mp3&bgcolor=FFFFFF" /> </object>

Nota: En donde dice: http://tucancion.mp3, reemplazas por la URL de la canción que has subido y en http://otracancion.mp3 por otra canción. Para este caso seria asi:

http://www.openomy.com/download/andrewmusic2/Smooth.mp3|
http://www.openomy.com/download/andrewmusic2/Corazon%20Espinado.mp3.

Dewplayer con control de volumen

<object type="application/x-shockwave-flash" data="http://www.estvideo.net/dew/media/dewplayer-vol.swf?mp3=http://tucancion.mp3&bgcolor=FFFFFF&showtime=1" width="240" height="20"> <param name="movie"value="http://www.estvideo.net/dew/media/dewplayer-vol.swf?mp3=http://tucancion.mp3&bgcolor=FFFFFF&showtime=1"> </object>

Nota: En donde dice: http://tucancion.mp3, reemplazas por la URL de la canción que has subido. En mi caso seria:

http://www.openomy.com/download/andrewmusic2/Smooth.mp3

Hay un pequeño problema con este Dewplayer con control de volumen, ocurre que cuando escuchas la canción suena bien, pero cuando la vuelves a escuchar el volumen se sube por si solo (falta que lo mejoren).

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

Crear resúmenes de entradas ampliables (Un simple botón, Leer Mas) -5-

Si quieres como un simple botón. Tendrás que hacer lo siguiente: 1. Ir a Opciones (Setting). Luego a Archivo (Archiving). De ahí, en donde dice: ¿Habilitar páginas de entrada? (Enable Post Pages), activas la opción Si (Yes). No te olvides que tienes que Guardar valores (Save Settings) y que tienes que volver a publicar el blog para ver los cambios.

Click en la imagen para agrandarla

2. Ir a Plantilla (Template). Luego agregas el siguiente código entre <style> y </style>. Preferible que pegues el código al comienzo de la etiqueta <style type="text/css"> porque puede ser que en algún momento, no quieras este truco y se te va hacer mas fácil poder ubicarlo para borrarlo.

	<MainArchiveOrArchivePage> span.fullpost {display:none; </MainArchiveOrArchivePage> <ItemPage> span.fullpost {display:inline;} </ItemPage>	Click en la imagen para agrandarla

3. Seguimos en la Plantilla. Una vez que han pegado el código anterior, ahora pegas el siguiente código entre </style> y </head>.

	<script type="text/javascript"> var memory = 0; var number = 0; </script>		Click en la imagen para agrandarla

4. Seguimos en la Plantilla. Una vez que han pegado el código anterior, ahora pegas el siguiente código en donde dice: <$BlogItemBody$>, esto esta entre <body> <div "class=post-body"> </div> </body>.

	<MainOrArchivePage> <script type="text/javascript"> spans = document.getElementsByTagName('span'); number = 0; for(i=0; i <spans.length; i++){ var c = " " + spans[i].className + " "; if (c.indexOf("fullpost") != -1) { number++; } } if(number != memory){ document.write('<a class="readmorebutton" href="<$BlogItemPermalinkUrl$>">Leer Mas</a><br>'); } memory = number; </script> </MainOrArchivePage>

Click en la imagen para agrandarla

5. Seguimos en la Plantilla. El siguiente código lo deje para el último, porque se refiere a un pequeño estilo de botón simple, el cual se podrá realizar cambios, utilizando tu criterio. El código lo tendrás que pegar entre <style> y </style>. Preferible que lo pegues al final, porque puede ser que en algún momento, no quieras esto y se te va hacer mas fácil poder ubicarlo para borrarlo.

a.readmorebutton:link, a.readmorebutton:visited { float: left; margin: 2px 2px 2px 2px; padding: 2px; width: 115px; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #000000; border-left: 1px solid #CCCCCC; border-right: 1px solid #000000; background: #CCCCCC; text-align: center; text-decoration: none; font: normal 10px trebuchet ms, verdana, sans-serif; color: #194B77; } a.readmorebutton:hover, a.readmorebutton:active { float: left; margin: 2px 2px 2px 2px; padding: 2px; width: 115px; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #000000; border-left: 1px solid #CCCCCC; border-right: 1px solid #000000; background: #EEEEEE; text-align: center; text-decoration: none; font: normal 10px trebuchet ms, verdana, sans-serif; color: #194B77; }

Explicación:

Click en la imagen para agrandarla

6. 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. Además, el usuario tendrá la facilidad de ir a la página principal. No olvidar guardar los cambios. El código es el siguiente:

	<span class="fullpost"> <a class=readmorebutton href="la URL">Ir a la página principal</span></a>

Veamos un ejemplo:

Click en las imagenes para agrandarla

Nota: Se tendrá que hacer una pequeña corrección. Probablemente el botón salga detrás de: Posted by (según lo que dice tu blog)
Corrección:

Click en la imagen para agrandarla

Lista de colores con sus respectivos códigos
1. Los colores y sus códigos RGB
2. Manual de Wiki Colores

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

Contadores para el Blog -4-

Existen muchas páginas que nos ofrecen contadores para colocarlos en nuestro blog y no es tan difícil de agregarlos. Aunque la mayoría te pide que te registres. Empecemos:
1. Visitar freelogs.com en donde encontrarán diferentes estilos de contadores.
2. Al ingresar a Freelogs.com debemos hacer clic en: Click Here to Create your Free Counter (Clic aquí para crearte un Contador).
3. Una vez ingresado, tendrás que registrarte (dirección del blog, e-mail, etc) y elegir cualquier estilo de contador que queramos.

Click en la imagen para agrandarla

4. Al darle clic en Create Counter, nos saldrá un código, el cual se tendra que pegar en el blog, en donde queramos.

Click en la imagen para agrandarla

Existen otras páginas como:
Contador Web
Contador Gratis
Histast.com
Cool Counters
Count My Page
Free Counter
Free Counter Plus
Free Hit Counters
Free Stats
Counter
Pliner Net Counter
Pro Counter
Rapidcounter
Rightstats
Stat Counter

Nota: Existen bastantes páginas de contadores, para colocarlos en el blog. Pero si en estas páginas no encuentras lo que quieres, entonces puedes ir a un buscador y escribir: Contadores Gratis.

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

Calendarios para el Blog -3-

Existen páginas que nos ofrecen calendarios para colocarlos en el blog y no es tan difícil de agregarlos. Empecemos:
1. Visitar www.free-blog-content.com en donde encontraran diferentes tipos de calendarios, tales como: animados, de chicas, de autos, entre otros.
2. Al ingresar a Free Blog Content deberán escoger algún tipo de calendario, anteriormente mencionado.
3. Por ejemplo, escogí Cars Calendars y elegí el auto anaranjado. Debajo de la imagen dice: To get this Calendar y mas abajo hay un código que se tendrá que copiar y pegar en el blog.

Click en la imagen para agrandarla

Nota: Muy fácil de colocarlos en el blog.

Existen otras páginas como:
My Garden Collection
Creaciones Gifss.es (Calendario - Reloj)
Widgetbox (Tendrás que registrarte)
Mais Blog.com (Calendario y otros accesorios)
**El procedimiento es el mismo.

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

Crear resúmenes de entradas ampliables (Leer Mas) -2-

Antes de seguir adornando el blog vamos con un truco: 1. Ir a Opciones (Setting). Luego a Archivo (Archiving). De ahí, en donde dice: ¿Habilitar páginas de entrada? (Enable Post Pages), activas la opción Si (Yes). No te olvides que tienes que Guardar valores (Save Settings) y que tienes que volver a publicar el blog para ver los cambios.

Click en la imagen para agrandarla

2. Ir a Plantilla (Template). Luego agregas el siguiente código entre <style> y </style>. Preferible que pegues el código al comienzo de la etiqueta <style type="text/css"> porque puede ser que en algún momento, no quieras este truco y se te va hacer mas fácil poder ubicarlo para borrarlo.

	<MainArchiveOrArchivePage> span.fullpost {display:none;} </MainArchiveOrArchivePage> <ItemPage> span.fullpost {display:inline;} </ItemPage>	Click en la imagen para agrandarla

3. Seguimos en la Plantilla. Una vez que han pegado el código anterior, ahora pegas el siguiente código en donde dice: <$BlogItemBody$>, esto esta entre <body> <div "class=post-body"> </div> </body>. Ahora puedes guardar los cambios de la plantilla y volver a publicar el blog.

	<MainArchiveOrArchivePage> <a href= "<$BlogItemPermalinkUrl$>"> Leer Mas</a> </MainArchiveOrArchivePage>		Click en la imagen para agrandarla

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:

	<span class="fullpost"> </span>

Veamos un ejemplo:

Click en las imagenes para agrandarla

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

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

Relojes para el Blog -1-

Empecemos por lo más fácil.
Existen muchas páginas que nos ofrecen relojes para colocarlos en nuestro blog y no es tan difícil de agregarlos. Empecemos:
1. Visitar www.clocklink.com en donde encontraran diferentes formatos de relojes: tipo aguja, análogos, entre otros. Tiene una muy buena galería.
2. Al ingresar a ClockLink debemos ir a Want a Clock on Your Website? o sino, nos vamos a Gallery, en donde también encontraremos relojes.

Click en la imagen para agrandar

3. Una vez ingresado por Want a Clock on Your Website? o por Gallery, podremos elegir cualquier reloj que queramos, sea análogos digitales o si queremos de tipo de deportes, animales, entre otros.

Click en la imagen para agrandar

4. Elegí Logo & Custom en donde hay buenos diseños y escogí el reloj en donde sale un perrito. Debajo de la imagen dice View HTML Tag (Ver etiqueta HTML), le dan un clic y nos aparecerá un código.

Click en la imagen para agrandar

5. Al darle clic en View HTML Tag sale una ventana en donde dice que si aceptan los términos, etc; le dan Accept.
6. Al darle Accept, nos sale una imagen en donde encontraremos Color, TimeZome en donde escogerás tu zona horaria (se cambia el timezone), Size (Tamaño), el código HTML (ese código lo pegaremos en nuestro Blog en donde queramos), luego mas abajo dice: If the above does not work, please try the following code (Si lo de arriba no trabaja, por favor intenta con el siguiente código).

Click en la imagen para agrandar

¿Qué les pareció fácil o muy difícil?
Nota: En cuanto a la zona horaria tendrías que saber cual es tu zona horaria, pero no te preocupes aquí te mando una página en donde te dice cual es tu Zona Horaria visítala: http://www.donathan.com/dave/index.html
La pagina que te he dado, en la parte de abajo hay unos números que dicen: …-2 -1 GMT +1 +2… escoge un número y en la parte de arriba saldrá tu Zona Horaria.
Por ejemplo: Seleccione -5 y salio arriba GMT-0500 y mas abajo salen los países que utilizan este horario (timezone=GMT-0500), además de la hora. En todo caso también pueden visitar esta web: http://www.worldtimezone.com

Existen otras páginas como:
Relatime
Relojes web
Relojes Web.com
Relojes Flash
Worldtimeserver.com (Reloj análogo)
Escatti
The World Wide Clock (Reloj para PHP o ASP)
time and date.com
Harry Potter
Creaciones Gifss.es (Reloj-Calendario)
Kiss Design (Reloj-Calendario)
Relojes en Flash
Mais Blog.com (Relojes y otros accesorios)
**El procedimiento es el mismo, pero no se olviden de cambiar el código de la zona horaria, es este: timezone=GMT-0500 (Perú).

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

Bienvenidos a Ayuda para el Blog -0-

Hola a todos.
A partir de hoy este blog o página tratara de ayudarlos en todo lo que ustedes necesitan. Aprenderemos algo de programación, ya sea HTML o JAVASCRIPT.
Como verán este blog o página esta completamente vacío (no tiene nada), poco a poco lo iremos adornando con ustedes, agregándole algún reloj, chat, encuesta, imágenes, entre otras cosas.
Les explicare para que sirve cada etiqueta, para que puedan entender el código que utilizaremos. En algunos casos tendremos que copiar y pegar, pero siempre explicando lo que estamos haciendo.
Por otro lado, exiten demasiadas páginas en donde puedes crearse un blog, por ejemplo en Blogalia, Blogger, ya.com entre otros. Asi que visiten esta página en donde encontraran bastante informacion:
http://vrruiz.freezope.org/blogosfera/Alojamientos

http://www.lights.com/weblogs/hosting.html
Finalmente, aprenderemos a colocar muchas cosas en nuestro blog.
El que les escribe les dice que sean bienvenidos a Ayuda para el Blog.

Andrés