Menú Desplegable [Blogger]

Rosa, de El Escaparate, nos muestra un exelente tutorial para crear menús desplegables en Blogger. Es algo muy parecido a los Menús Desplegables de WordPress que hablamos hace un tiempo. Podemos ver un ejemplo de los menús, con el nombre de Menu 2 (ROBS).

Top Comentaristas en Blogger

Top Comentaristas

¿Alguna vez intentaste agregar un widget con los Usuarios que comentan en tu Blog?

Pués puedes hacerlo muy fácilmente en Blogger.

Este código que implementaremos nos permitirá añadir un enlace al blog o perfil de cada comentarista.

Este código lo debes añadir en HTML-Javascript y editar en donde dice urldetublog.blogspot.com por tu dirección real.

El gadget muestra los 10 comentaristas más activos, si quieres mostrar más o menos, cambias donde dice &num=10 por el número que necesite.

Para que tu nombre no aparezca es la lista de comentaristas, debes editar donde dice "Tunombredeusuario". También puedes hacer que se filtren otros usuarios, solamente escribiendo una coma a lado de tu nombre y escribes el del otro usuario.

  • Código basado en los últimos 500 comentarios
<script type="text/javascript">
function pipeCallback(obj) {
document.write('<ol>');
var i;
for (i = 0; i <obj.count ; i++) { var href = "'" + obj.value.items[i].link + "'"; if(obj.value.items[i].link == "") var item ="<li>" + obj.value.items[i].title + "</li>"; else var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>"; document.write(item); } document.write('</ol>'); } </script> <script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=2351a7b3195ee95ef3643998bc8def5e&url=http%3A%2F%2Furldetublog.blogspot.com&num=10&filter=Tunombredeusuario" type="text/javascript"></script>

  • Código basado en los últimos 5000 comentarios
<script type="text/javascript">
function pipeCallback(obj) {
document.write('<ol>');
var i;
for (i = 0; i <obj.count ; i++) { var href = "'" + obj.value.items[i].link + "'"; if(obj.value.items[i].link == "") var item ="<li>" + obj.value.items[i].title + "</li>"; else var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>"; document.write(item); } document.write('</ol>'); } </script> <script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=a55cb97ebb368bb1b89b7f6bdeb35336&url=http%3A%2F%2Furldetublog.blogspot.com&num=10&filter=Tunombredeusuario" type="text/javascript"></script>

Vía: El Escaparate

Espero les sea útil ;) .

Post Similares


Editando nuestro Theme – I Parte

¿Quieres que tu blog se diferencie entre los demás?

Pues una exelente forma de hacerlo es editando nuestro theme para que tenga un toque personal, claro que si creas un theme propio es mucho mejor, pero es mucho más complicado.

Una de las principales cosas que debes hacer para que tu blog se note entre los demas es editar el Header, cuando es una imagen, si es sólo texto no hay problema.

Cambiar el Header de nuestro Blog

En WordPress (hosting propio)
Es algo muy simple, ya que solo se debe editar la imágen que se encuentra dentro de la carpeta del theme, que normalmente se llama "header.png" o cualquier otro formato, tambien se puede llamar "title.png" o cualquier otro nombre, sólo deben buscar cual es la imagen que aparece en nuestro blog y editarla. Luego de que tenemos nuestra propia imagen debes subirla a la carpeta del theme, wp-content/themes/nombre-del-theme, y listo.

En Blogger
Debes alojar la imagen en algún hosting de imágenes, aunque los más recomendable es alojarla en el host del mismo blogger, y guardar la ruta de la imagen. Ahora nos dirigimos al panel de control y entramos a "Plantilla"  y debes buscar este código:

<div id=”header”>
<h1 >
<img src=”http://photos1.blogger.com/b…colo.gif”>
</h1>
<p id=”description”>Un blog sobre mí….</p>
</div>

Reemplaza http://photos1.blogger.com….colo.gif por la url de la nueva imagen y tambien editar esto <p id=”description”>Un blog sobre mí….</p> con la descripción de tu blog. Y tendrás una imagen en tu Blogger. Si no entendiste muy bien, por favor entra en este post de BlogMundi, donde lo explican perfectamente.

Recuerda: En wordpress.com no puedes editar esto, a menos que pagues una pequeña cantidad de dinero.

Agrega Emoticones

O por lo menos dejar el código con el cual dejar emoticones, esto hace que tu blog sea un poco más divertido para los que comentan y puedan expresar bien su comentario a traves de emoticones, como estos:

Para agregar estos emoticones en tu area de comentarios sólo debes incluir este código en tu comments.php. Debes insertar el código justo antes de estas lineas de código:

<p><textarea name=”comment” id=”comment” rows=”10?

tabindex=”4? style=”width:90%;” cols=”15?></textarea></p>

El código puede varias según el theme, pero es algo muy parecido. En el nuevo código solo debes editar "tublog.com" por el dominio de tu blog.

Insertar Emoticonos vía: Bloggeros

I Parte - II Parte

Post Similares


¿Blogger o WordPress.com?

Esta es una pregunta que creo que muchos se hacen, incluso yo me la hize un día. La verdad no creo que haya una respuesta exacta, ya que es cosa de gustos.

¿Por qué podríamos usar Blogger?

Ventajas:

  • Es 100% Gratis. Esto es importante para aquellos que están empezando.
  • Tiene un Ancho de Banda ilimitado (eso parece), esto también es importante ya que no hay que preocuparse de que nos quedemos un día sin blog.
  • Se puede usar un Dominio Propio. Esto también es importanto ya que el subdominio que dan es muy largo (.blogspot) en comparación de uno .com, .net, .org, etc.
  • Puedes editar la Plantilla a tu gusto. Esto es casi necesario si quieres darle a tu blog un toque personal.
  • Es de Google. Si llega a suceder algo con el Blog, ellos se hacen responsables.
  • Tienes bastante espacio para tus imágenes. Te dan 1GB.
  • Puedes agregar publicidad de Adsence.

Desventajas:

  • El sistema de comentarios es malo.
  • No puedes crear Categorías, aunque si puedes usar Etiquetas.
  • No puedes editar los Comentarios.

¿Por qué usaríamos WordPress.com?

Ventajas:

  • Obtienes un buen posicionamiento en poco tiempo.
  • Ofrece a sus usuarios mayor posibilidad de ejercer de elección, sobre lo que quieren o no quieren publicar, mostrar, agregar, quitar, cambiar, etc.
  • Tiene un buen servicio ant-spam.
  • No tienes que preocuparte de el Ancho de Banda.
  • Puedes usar tu propio dominio.
  • Espacio para alojar imágenes de 3GB.

Desventajas:

  • Para poder editar el CSS de la Plantilla debes pagar una cantidad de dinero.
  • No puedes poner publicidad, está estrictamente prohibido.
  • Restricción de lo que puedes y no hablar en tu Blog.
  • Para poder usar tu propio dominio deberás pagar un cuota anual.

Aquí les dejo una tabla que encontre en Ayuda WordPress que describe muy bien las principales y más importantes diferencias.

No se dejen llevar solamente por lo que leen en internet. Tu decides cuál usarás y porque lo usarás. Recuerda: "Es solo cosa de Gustos".

Si tienen alguna ventaja o desventaja que encuentres en algún sistema de Blog's hazmela saber para agregarla.