Hace unos días, un colega blogueril me envió un truco para comentar a través de facebook directamente en el blog.
El problema de su truco es que los comentarios hechos de esta forma no los cuenta blogger, con lo que
su entrada, como podrás comprobar si pinchas en el enlace, luce (o lucía cuando yo fui a verla) un 0 comentarios, que personalmente no me convence, aparte de que yo recibo los comentarios que dejais via e-mail y no tengo muy claro que ese tipo de comentarios también me lleguen, así que no lo he colocado en este blog.
En realidad aún no lo he probado siquiera, así que no puedo deciros si sus instrucciones son válidas tal cual él las ha explicado, o si hay que hacerles alguna modificación para que funcione correctamente en cualquier blog.
En cuanto lo pruebe personalmente ya haré una entrada para explicarlo y matizarlo.
Pero esta entrada mía no va de éso, sinó de poner el botón Me gusta de facebook en tus entradas, (como puedes ver en ésta o en cualquiera de las de éste blog), y esto es lo que os voy a explicar.
El caso es que, como habreis visto si habeis pinchado en el enlace, el colega del que os hablo, en su entrada, nos redirige a
ésta de Ciudad blogger en la que está el tutorial de poner el botón Me gusta, y ésto si me ha gustado, así que he copiado su código y seguido sus instrucciones, pero no acababa de gustarme como quedaba.
Como podeis ver, si pinchais en el enlace de Ciudad blogger, él tiene el botoncito a la derecha de su post-footer, pero a mi me quedaba a la izquierda encima de todo lo que hay en el mío, así que he probado a ponerlo en varios sitios, (por suerte disponemos de la vista previa y del Borrar cambios cuando algo no queda bien), hasta que harta de que quedara en lugares inconvenientes, o no se viera, se me ha ocurrido mirar cómo lo tiene él colocado exactamente, mirando su código fuente.
Y ahí he visto el quid de la cuestión.
El Potro tiene una tabla en su post footer, por eso a él le queda bien alineadito a la derecha de todo, en la primera línea de su post-footer.
Yo no he querido poner la tabla, así que lo he dejado donde lo veis.
Tal como explica El Potro en su entrada, has de ir a Diseño/Edición de HTML (o cualquier otro camino que te lleve a ésa página, pues ya no se si pone Diseño, o Plantilla o qué, ya que yo tengo accesos directos a las distintas páginas de éste blog, como expliqué
aquí).
Una vez en la página del código HTML de la plantilla, MARCA expandir plantilla de artilugios y busca, (Ctrl F para ir más rápido), <div class='post-footer-line post-footer-line-3> o lo más parecido a ésto que encuentres, (en la plantilla Harbor, que es la de este blog, pone p en lugar de div pero para el caso es lo mismo), y debajo pega ésto:
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url+ "&layout=button_count&show_faces=false&width=80&height=25&action=like&font=tahoma&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px'/>
Verás el botoncito tal como se ve aquí (y de paso podrás comprobar que también funciona en las plantillas nuevas).
Si detrás de lo que os digo de post-footer-line-3 hubiera algo, verías que suele empezar con <span..... Busca, unas pocas líneas más abajo, el </span> que cierra lo que haya y pégalo ahí. (Para que lo veas más claro he hecho una captura de pantalla del trocito de código donde lo he pegado en el blog de la plantilla nueva).
Verás, enmarcado en rojo, el código de lo que hay en la tercera línea del post footer y en verde el código que he añadido para que se vea el botón.
Si quisieras que el botón quedara a la derecha, tal como lo ves aquí, has de poner ANTES del código del botón, <div align='right'> y DESPUES del código del botón, </div>
De esta forma el botoncito se colocará a la derecha del todo.
P.S. Hice esta entrada en el mismo momento en que coloqué el botón aquí y vi que quedaba bien.
Pero ya sabeis que me gusta comprobar que realmente funciona lo que escribo, así que, antes de publicarla, le di a Vista previa de la entrada y traté de colocarlo en otro blog usando el código que os daba, no el de Ciudad Blogger, y ¡mierda! no había forma de que funcionara. Sin embargo si copiaba el código directamente de la plantilla y lo pegaba en otro blog, si que funcionaba.
Comparé ambos códigos y me di cuenta de que al transcribirlo en la entrada, había un símbolo erróneo, de manera que lo dejé correr.
Le escribí a Potro para que me dijera porqué me estaba pasando éso y él. muy amablemente, me respondió dándome la solución.
Y por fin he podido terminar esta entrada, probarlo en otro blog, ver que funciona, y compartirlo con vosotros.
NOTA: El botón funciona. Pero si lo pinchas tu mismo en tu propio blog, es muy posible que no te cuente y pienses que no funciona.
Nota 2: Si vas a ponerlo a la derecha, aumenta hasta 120 el número 80, o quizá no se vea la cantidad de Me gusta que tengas.
