2 interesantes Widgets para Blogger: Últimos comentarios y Cuadro de Búsquedas

Sigo “maqueando” mi blog de Blogger, Kernel 308, por si las moscas, y aunque blogger es una plataforma muy flexible no está exenta de algunas carencias.

blogger

Si si, se que los grandes blogueros, los que se consideran serios, profesionales, echan pestes de blogger por su supuesto mal código, estos prefieren 1.000 veces antes WordPress, mucho más profesional a la hora de publicar.

Pero luego hay otros grandísimos blogueros que están en blogger y aún no se han quedado tuertos. Casos como el de La Sombra de Shadow, /etc/cron.d y D’Oh! por citar tres de ellos.

Pero bueno, dejando de lado las guerras de CMS voy a lo mío, vamos a ver dos widgets imprescindibles para blogger, uno para mostrar los últimos comentarios y otro para tener un cuadro “buscar en el blog” que funcione de verdad.

Por cierto, este post con música sabe mejor 😉

Parece mentira que blogger no tenga un widget propio para mostar los comentarios de los lectores, si no mal recuerdo antes tenían.

En Helplogger hay un excelente widget para los últimos comentarios que me recomendaron vía Twitter, maravilloso y muy limpio. Allí están las instrucciones en inglés perfectamente explicadas, yo las dejaré en español.

Estando en el Panel de Administración de nuestro blog nos vamos a Diseño, a la derecha picamos en Añadir un Gadget y escogemos el HTML/Javascript.

Una vez abierto le ponemos un título si queremos y le pegamos el siguiente código. Donde deberemos cambiar http://your-blog-name.blogspot.com por nuestro blog.

<script style=text/javascript src="http://helplogger.googlecode.com/svn/trunk/recent comments widget.js"></script>
<script style=text/javascript>
    var a_rc = 5;
    var m_rc = false;
    var n_rc = true;
    var o_rc = 100;
</script>
<script src=http://your-blog-name.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments></script><div style="font-size: 10px; float: right;">Get this <a href="http://helplogger.blogspot.com/2012/03/recent-comments-widget-for-blogger.html" rel="nofollow" >Recent Comments Widget</a></div>
<style type="text/css">
.rcw-comments a {
    text-transform: capitalize;
}

.rcw-comments {
    border-bottom: 1px dotted;
    padding-top: 7px!important;
    padding-bottom: 7px!important;
}
</style>

Los valores se pueden cambiar a nuestro gusto, ejemplo.

Número de comentarios a mostrar, está definido en 5, podemos elegir otro número en a_rc = 5;
Para mostrar la fecha en los comentarios cambiamos el valor m_rc = false; a true.
Para ocultar el título de los posts cambiamos el valor n_rc = true; a false.

Si se queda algo atrás o para una explicación más completa les recomiendo visitar el blog original: Recent Comments Widget For Blogger

El puñetero tiene desactivado lo de copiar en su blog y he tenido que escribir a mano, buen método anti-taringa 😄

Así se ve el widget en mi blog, este widget tiene la ventaja de adaptarse a los colores de tu blog.

widget

Pasamos al Widget Buscar, también parece mentira que el de Google/Blogger no funcione, pero así es.

Este lo he visto es windroidclub y es un Widget con 5 variantes, 5 estilos distintos, todos molones. Y lo más importante, funciona.

Para agregarlo tendremos que hacer como antes.

Estando en el Panel de Administración de nuestro blog nos vamos a Diseño, a la derecha picamos en Añadir un Gadget y escogemos el HTML/Javascript.

En mi caso he escogido el primero, el dinámico expansible, ósea, que cuando colocas el cursor del ratón se expande.

dinamyc

Pegamos en siguiente código, cambiando windroidclub.com por nuestro blog y guardamos.

<style>
#wc-searchexpandbox1
{
padding:10px;
}
#wc-searchexpandsubmit1
{
border:1px solid #111111;
background: #111111;
padding:5px;
color:#ffffff;
font:14px verdana;
}
#wc-searchexpandinput1
{
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
border:1px solid #dcdcdc;
background:#ffffff;
padding:5px;
color:#888888;
font:14px verdana;
transition: width 2s;
-webkit-transition: width 2s; /* Safari */
-o-transition: width 2s; /* Opera*/
-moz-transition: width 2s; /* firefox*/
width:65px;
}
#wc-searchexpandinput1:hover
{
width:180px;
}
</style>
<div id='wc-searchexpand1'>
         <form name='input' action='http://windroidclub.com/search'  method='get' id="wc-searchexpandbox1"> 
            <input name='q' id='wc-searchexpandinput1' onblur='if (this.value == "") {this.value = "Search this site...";}' onfocus='if (this.value == "Search this site...") {this.value = ""}' type='text' value='Search this site...'/>
            <input id='wc-searchexpandsubmit1' type='submit' value='Search'/>
         </form>
      </div>

Para ver la lista completa de estilos, o por si se haya quedado atrás algo del código del widget por manía de WordPress, visiten la web del autor: Add 5 stylish search boxes to blogger

Este si permite copiar de su blog 😉

Si lo queréis personalizar en español, cambiad donde pone Search this site… y Search por sus equivalencias al español o por lo que queráis, así lo he dejado yo.

buscablog

Creo que no me dejo nada atrás, no obstante no dejéis de visitar las webs de los autores por si necesitáis más info 😉

Ya no tienes excusa para no usar Blogger.

Enjoy 😉

5 comentarios en “2 interesantes Widgets para Blogger: Últimos comentarios y Cuadro de Búsquedas

  1. Para ayuda de blogger pásate por vagabundia (la gran referencia para aprender sobre blogger), de JMiur, o el blog de Rosa, entre muchos otros. Quizá wordpress sea más versátil en su versión descargable, pero si hablamos de versiones online y sin pasar por caja blogger gana por goleada. Mi blog (www.intraterra.es, hoy en día está algo desfasado… ) me lo hice prácticamente desde cero y sin limitaciones de ningún tipo. Y ahora que estoy terminando el nuevo diseño (en un blog de pruebas de momento), muchos años después… puedo decir que los recursos a nivel de código, de widgets (cosa que me va más bien poco) y demás son mucho más variados.
    En definitiva, no creo que blogger le tenga nada que envidiar a wordpress.
    Ánimo en tus comienzos, y créeme si te digo que lo que creas que no tiene blogger se puede hacer igualmente, sólo hay que averiguarlo.

    Me gusta

  2. Blogger es bastante útil si no quieres pagar hosting pero quieres tener lo más cercano a un blog hospedado en un hosting/VPS.

    De hecho, el dominio blog.eliotime.com era anteriormente eliotime.blogspot.com, el cual le cambié el dominio para que haga referencia al dominio principal que compré el año pasado.

    Me gusta

  3. Hola he introducido los codigos que pones en tu página y no hay manera de que me salga la caja de comentarios ya no se que hacer, te invito a que veas mi blog para que veas lo que me sale, por favor solo quiero una caja de comentarios, y no hay manera.

    lasherramientasdebenita.blogspot.com.es

    Me gusta

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s