Chica Blogger

BoyProdx (vía Viet Blog Guide) nos enseña a añadir un sencillo widget de acceso/login para los blogs de Blogger, similar en apariencia a los que podemos poner en WordPress.

El código, para el widget en español, sería:

<div id="loginform"><form action="https://www.google.com/accounts/ServiceLoginBoxAuth" method="post" onsubmit="onlogin()">
<input value="http://draft.blogger.com/loginz?d=%2Fhome&p=http%3A%2F%2Fdraft.blogger.com%2F" name="continue" type="hidden"/>
<br/>
<div>
<label for="Email"> Cuenta: 
<br/><input id="Email" tabindex="1" name="Email" size="20" type="text"/>
</label>
</div>
<br/>
<div>
<label for="Passwd"> Contraseña: (<a href="https://www.blogger.com/forgot.g" target="_top" title="Olvidé mi contraseña">?</a>) 
<br/>
</label>
<input id="Passwd" tabindex="2" autocomplete="off" name="Passwd" size="20" type="password"/>
</div>
<br/><br/>
<input id="signin-btn-ns" tabindex="0" value="Enviar" class="ubtn ubtn-block" name="submit" type="submit"/>
</form></div>

Debes pegar digo código en en un nuevo gadget de HTML/Javascript de la sección Diseño/Elementos de tu blog. Si quieres darle un poco más de “estilo”, puedes añadir un poco de CSS básico a tu plantilla:

#Email, #Passwd{
border: 1px solid #ff0084;
}
 
#signin-btn-ns { 
color: #FFF;
background: #FF55AA;
border: 1px solid #ff0084;
}

¿Simpático? A mí me parece una monería, pero puede ser bastante útil además de cómodo. El formulario trabaja en base al panel de acceso de Blogger, y como es posible darse cuenta, redirecciona al panel de Blogger in Draft. Ahora, si lo que quieres es que te lleve al panel tradicional de Blogger, deberás cambiar la url del input escondido que hace la redirección (mira el código del widget), quitando los dos “draft.” que aparecen allí para que en vez de ir a draft.blogger.com vayas a blogger.com.
Si no pudiste acceder a tu cuenta, ingresa tu e-mail de Gmail en “Cuenta” y tu contraseña en los campos correspondientes. Es un formulario que puedes usar tranquilamente, porque no almacena tus datos de acceso.

Desde hace un tiempo, me preguntaba cómo hacer que en Blogger el primer post se muestre distinto a los demás, de modo tal que éste tenga un estilo único que lo haga destacar sobre el resto.

Actualmente, Blogger está añadiendo nuevos códigos (y posibilidades) a sus plantillas, que al parecer van de la mano con su aniversario número 10. Así, por ejemplo, se rumorea (con bases muy certeras) la posibilidad de inclusión de un hack que permite acortar los posts, y que es análogo a la función “more” de WordPress.

La última gran novedad, es la inclusión de un nuevo código condicional que hace posible definir un estilo distinto y único sólo para el primer post:

 <b:if cond='data:post.isFirstPost'> contenido </b:if>

Este código puede ser de gran utilidad para destacar el título del primer post (como muestra Ro en Bloggersphera), conseguir que un determinado hack (por ejemplo, “leer más con thumbnails“) se aplique sólo al primer post, o destacar el post completo al estilo de los “featured posts” de WordPress.

Los condicionales de Blogger son apliamente usados para aplicar hacks o crear plantillas tipo Magazine, galerías de imágenes. Por ejemplo:

• Para mostrar sólo en la página principal

<b:if cond='data:blog.pageType == "index"'> contenido </b:if>

• Para mostrar en un post individual

<b:if cond='data:blog.pageType == "item"'> contenido </b:if>

*Podrían cumplir funcionales análogas al index.php y el single.php de WordPress, respectivamente.

Estos tres códigos condicionales básicos expanden las posibilidades de Blogger, y lo llevan a niveles insospechados hasta hace quizá un par de años. Si quieres adentrarte en su uso, puedes revisar el excelente tutorial de Vagabundia que explica el uso avanzado de condicionales.

Por ahora, el uso de condicionales para el primer post da para detenerse un rato a probar y experimentar, porque no es un ejercicio realmente simple (aunque sí puede tener resultados muy satisfactorios). Sigo haciendo mis propios experimentos.

Blogger Buddy es un gadget para Windows Vista (y Windows 7) desarrollado por BuildaGadget, que permite acceder directamente a tu panel de control de Blogger sin necesidad de utilizar ningún navegador, manejar múltiples cuentas y crear posts en formato HTML.

Su interfaz es sencilla y amigable, y en su sección de ayuda muestra enlaces a páginas de HTML básico y Blogger Help (en inglés). Su autor admite que quizás sea el gadget sea un poco básico por ahora (para mi gusto, le hace falta al menos un campo adicional para añadir categorías bajo los posts), pero es un gadget muy curioso y bien hecho, que podría incorporar nuevas y útiles características en sus próximas versiones.

Vía | Webup8

Una pregunta que he visto en varios lugares es cómo mostrar en Blogger las veces que un post es visto o leído, tal y como haríamos en WordPress. Buscando un poco en Google, encontré una excelente manera de hacerlo: usando un hit counter que corre con PHP, y que se muestra con condicionales en cada post individual.

Como ya sabemos, en Blogger es imposible usar PHP (o bueno, casi). La única manera de utilizar el contador es usando un hosting externo, pero por el momento no hay problema con eso: su autor ha alojado este contador php en un hosting gratuito y permite el hotlinking, por lo cual añadir el código a la plantilla será sólo cuestión de copiar y pegar.

El código

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<span id='hit-counter'>
<font color='#999999'><script src='http://wizom.net/counter.php' type='text/javascript'/> lecturas</font>
</span></b:if>

Puedes modificar el color del texto (font-color) para que se integre con tu plantilla, y el texto “lecturas” por el que más te acomode.

Puedes pegar el código bajo el título del post, o bajo el cuerpo de la entrada, de la siguiente manera:

• Debajo del título

<div class='post-header-line-1'/>
Código

• O al final del post

<div class='post-footer-line post-footer-line-1'>
Código

Considera que:

• Para añadir el código debes tener los artilugios de la plantilla expandidos.
• El archivo counter.php (todavía en fase experimental) podría dejar de funcionar de aquí a mediano plazo, por lo cual podría ser necesario realojarlo. Sin embargo, hasta ahora su autor se ha preocupado de cambiar el hosting, y de ofrecer el archivo para descarga libre desde su blog, bajo Licencia GPL. Eso sí, es necesario tener conocimientos avanzados en PHP para hacer las modificaciones correspondientes.
• El contador será visible sólo en los posts individuales (por eso lleva condicionales). De otro modo, mediría las estadísticas del blog completo, en vez del número de lecturas de cada uno de los posts.

Otra posible alternativa, en caso de cualquier traspie, es añadir un contador de visitas usando un hit counter clásico (de imagen), como muestra Web Upd8.

Me avisa Jérémy Graveleau sobre el nuevo plugin de Wikio para WordPress que permite compartir los contenidos de un blog en redes sociales. Se llama Wikio Buttons y es muy similar a Share this.

El plugin, aún en beta, tiene 3 funciones básicas: (1) añadir un botón para compartir contenidos, (2) añadir un botón de suscripción universal, y (3) incorporar un botón para que voten tus posts en Wikio. Además, permite añadir un bagde “Top Blogs” y  un widget que muestra las últimas noticias del tema de tu interés.

El plugin está disponible en español, inglés y otros idiomas, y es fácilmente configurable desde el menú Aspecto. Puedes seleccionar los servicios en que quieres promover tus artículos (extrañé ver a Bitácoras en la lista), e insertar automáticamente los botones en el lugar deseado.

Pero quizás, la gran novedad de Wikio Buttons es el botón de suscripción universal que no sólo muestra distintas opciones de suscripción (Google Reader, Netvibes, suscripción por correo y muchos otros), sino que también ofrece la posibilidad de leer los feeds en tu escritorio mediante un gadget para Windows Vista y Mac, lo cual puede resultar altamente beneficioso para captar suscriptores que no están muy familiarizados con los lectores RSS.

Si no usas WordPress, también puedes añadir los botones y badges de Wikio (desde la sección de Herramientas) en cualquier blog que soporte javascript, incluyendo Blogger.