Poner Musica (audio) en las entradas de Blogger

Haz que tus lectores puedan escuchar tus post publicadosen Blogger através de SonoWebs. Esta es una herramienta muy útil que te permite darle voz a todo lo que escribes. Y ni siquiera tienes que registrarte además de que puedes escoger de entre 10 diseños de reproductor o subir tu propia imagen.
Para usar esta poderosa herramienta sólo escoge tu diseño y pega el código en tu plantilla. Incluso ellos te dicen cómo hacerlo usando imágenes explicativas para que sea menos complicado.

¿Crees que eso es todo? Pues no, también puedes escribir un texto desde su sitio y generar un código HTML para que lo pegues en tu blog y tus lectores escuchen el texto que escribiste. En definitiva esta herramienta te quedará perfecta para darle más opciones de accesibilidad al público.

<-- adsense -->

Poner vaaloración de estrellas en las entradas del blog

Saber cómo califican los demás nuestras entradas es un modo muy útil para saber qué tan gratas son nuestras publicaciones y esto nos da una idea de cómo mejorar. Afortunadamente Blogger desde hace poco ha incorporado este widget a su sistema y ya está disponible para nosotros.

Para habilitarlo hacemos lo siguiente, entramos en Diseño y en la esquina inferior derecha deEntradas del blog hacemos click en Editar.

Ahí marcamos la casilla Mostrar la evaluación de estrellas. Si no vemos esta función repetimos los mismos pasos pero desde Blogger in Draft.

Algunas plantillas no tienen el código completo para que se muestren las estrellas de valoración, si ese es tu caso entonces entra en Plantilla | Edición de HTML, marca la casilla Expandir plantillas de artilugios y busca esta línea:

<b:include name='feedLinks'/>

Justo debajo de ella agrega esto:

<b:if cond='data:top.showStars'>
<script src='//www.google.com/jsapi' type='text/javascript'/>
<script type='text/javascript'>
google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});
function initialize() {
google.annotations.setApplicationId(<data:top.blogspotReviews/>);
google.annotations.createAll();
google.annotations.fetch();
}
google.setOnLoadCallback(initialize);
</script>
</b:if>

Ahora busca esta línea (es posible que la tengas dos veces, si así fuera prueba en ambas):

<div class='post-footer'>

Y debajo añade este código:

<span class='star-ratings'>
<b:if cond='data:top.showStars'>
<div expr:g:background-color='data:backgroundColor'
expr:g:text-color='data:textColor'
expr:g:url='data:post.absoluteUrl'
g:height='42'
g:type='RatingPanel'
g:width='180'>
</div>
</b:if>
</span>

Con eso ya tendrás el sistema de valoración de estrellas de Blogger en tus entradas.

Poner encuestas en Blogger

Blogger nos permite poner encuestas en nuestro blog añadiendo un elemento, sólo debemos escoger Encuesta del menú de gadgets. Escribimos la pregunta de la encuesta, las posibles respuestas, marcamos Permitir a los visitantes seleccionar varias respuestas (esto en caso de que lo deseemos), cambiamos la fecha que se cerrará la encuesta y guardamos los cambios.

Poner un ícono en las etiquetas

Los íconos tienen dos funciones, que el usuario identifique visualmente un elemento y estética (en este caso estética en nuestro blog). Un ejemplo es el ícono de estrella que aparece en los Temas de la Ciudad. Para añadir un ícono a nuestras etiquetas (labels) hacemos lo siguiente:

1. Vamos a Diseño > Edición de HTML y marcamos Expandir artilugios.
2. Buscamos la etiqueta
   

   <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>

3. Justo después de ella pegamos lo siguiente:

   <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3sGftzas8kcdy9mAAbP3Tg6O8MWgiotWSQsxicKme04XcCKZY7IYvFUfboYUC8i5XewOQwZF9FLOcvrSdd1w59E47XDRqMFfE8RazIa5YObGYmKyHfeb3mJTXnGfoZHSgLEXZdDHXI1_C/'/>

4. Guardamos los cambios y listo.

Lo que está en verde lo pueden cambiar por la URL del ícono que ustedes quieran, yo les he dado este folder de ejemplo

Cientos de Gadgets para Blogger

El pronóstico del tiempo, conversor de divisas, Messenger, estaciones de radio, citas célebres, chistes, pacman, webcams on line y cientos de complementos puedes encontrar en Google Gadgets.
Desde hace algunos años Google le dio pase abierto a webmasters para crear sus gadgers y subirlos y de este modo acumular cientos de gadgets para usar libremente en tu sitio. Ya sea por categoría o simplemente poner en la barra de búsqueda el gadget que buscas y podrás escoger el que más te convenga.

Instalarlo es fácil, sólo da click en el gadget que quieres añadir, configura las opciones (si las tuviera) y click en Obtener el código. Ahora sólo copia el código, entra en Diseño | Añadir un gadget | HTML/Javascript y pega el código que copiaste.

Usa sólo los que creas realmente necesarios para tu blog, ya que el uso excesivo e innecesario de ellos alenta la carga del sitio y no se ve nada estético.

Publicidad

Texto a voz
	Gadgets powered by Google

Chiste de Hoy
	Gadgets powered by Google

NOTA: Una gran parte del contenido del directorio de gadgets la ha desarrollado otras empresas o usuarios de Google, no Google mismo. Google no se hace responsable de su rendimiento, calidad ni contenido.

Enlace | Google Gadgets

Poner una imagen flotante en Blogger

Una imagen flotante o estática es una imagen que permanece visible aunque bajemos o subamos toda la barra de desplazamiento de una página y esta siga en el mismo lugar. Puedes ver un ejemplo en esta misma entrada, debajo del lado izquierdo verás la imagen que permanece ahí aunque bajes la página.
Puedes poner tu logo, un mensaje, una foto, o la imagen que más te guste. Colocarla es muy fácil, sólo entra en Plantilla | Edición de HTML y pega antes de </body> lo siguiente:

<img border='0' src='URL de la imagen' style='position:fixed; bottom:0; left:0;'/>

Sólo debes cambiar la URL de la foto; esta imagen quedará en la parte inferior izquierda, para cambiarla de posición remplaza bottom por top si la quieres arriba, y right por left si la quieres a la derecha.
Este truco igual lo puedes usar para poner una flecha (ir arriba) y que los mande al inicio del blog, si ese es el caso entonces usa este código:

<a href='#'><img border='0' src='URL de la imagen' style='position:fixed; bottom:0;left:0;'/></a>