Como poner botones Me Gusta, Twittear, Google+. Bajo el Título del Post.

A pedido de Roos y de mis amigos de Hotel Barrio 14, hoy veremos como poner los botones sociales de Facebook, Google+ y Twitter para promover nuestros blogs. Ya que los que pone por defecto Blogger, en realidad no son muy visibles.
Aquí un ejemplo:

*Actualización: Se ha cambiando el código original y he puesto uno actualizado en donde se ve el botón me gusta y al lado compartir. Pueden verlo en acción al final del post.



Como siempre el truco está probado en las plantillas del diseñador de Blogger.

Lo primero que haremos es ir a plantilla, Edición de Html, continuar. Debemos hacer clic en expandir plantillas de artilugios.
Presionamos F3 (Chrome) y nos saldrá un buscador, allí pondremos lo siguiente:

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

Si no lo encuentras con ese código búscalo nuevamente introduciendo el código sin el final "/>". Existen 2 lineas con el mismo código, prueba en ambas ya que para algunos resulta bajo la primera y en otros bajo la segunda:
<table border='0' cellpadding='0' style='float:left;'><tbody>
<tr><td><a class='twitter-share-button' data-count='horizontal' data-lang='es' expr:data-url='data:post.canonicalUrl' href='http://twitter.com/share' expr:data-text='data:post.title'></a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/></td><td><g:plusone expr:href='data:post.url' size='medium'/></td>
<td><iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?locale=es_ES&amp;href=&quot; + data:post.url+ &quot;&amp;layout=button_count&amp;show_faces=true&amp;share=true&amp;width=120&amp;height=21&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; height:21px'/>
</td>
</tr>
</tbody></table>
Con eso ya deberiamos tener listos nuestros botones para compartir nuestras entradas.

Si tenemos entradas resumidas y queremos que los botones solo sean visibles dentro de la entrada entonces pondremos en mismo código anterior pero encerrado dentro de una condicional, de la siguiente forma:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
CODIGO ANTERIOR
 </b:if>

*Si no funciona  el botón de Google+ no te preocupes. Pon el siguiente script antes de </body>
<script type="text/javascript">
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>

Fácil Menú para Blogger

Este es un Menú muy fácil que podemos implementar en nuestros blogs. No necesitamos mayores conocimientos y se ven muy vistosos y coloridos dependiendo de los estilos que se encuentren en nuestra plantilla.

Lo primero que debemos hacer es ir donde dice Páginas. Para cada pestaña del menú que deseemos generar, debemos crear primero una página, que es algo similar a crear un post. En este caso yo he creado una para contacto, servicios, políticas, páginas amigas, etc.  Una vez terminado, tendremos algo como en la siguiente captura:


Hecho eso, escogemos la opción Pestañas Principales, como muestra el recuadro, y listo, ya tendremos nuestro menú, que como dije antes quedará según los estilos que posea la plantilla.

Aquí les dejo algunos ejemplos de ello con las distintas plantillas que entrega el diseñador de plantillas de Blogger.




Pie de página de 1, 2 o 3 columnas.

Añadir columnas al pie de página es muy sencillo si tienes implementada una plantilla del diseñador de plantillas de Blogger. Basta con ir a Plantilla, personalizar y escoger la opción "Diseño", una vez allí nos encontraremos con "Diseño de Pie de Página", tal como se muestra en la siguiente imágen:


Escogemos la opción que deseamos y finalmente presionamos aplicar al Blog, de este modo ya tendremos nuestro diseño aplicado de las columnas deseadas.

Como seguramente han notado, en esta sección también podemos cambiar la disposición del cuerpo del blog, escogiendo distinto número de columnas, izquierda o derecha, en fin, solo es cuestión de ir creando.