Mientras por aquí dormíamos la mayoría, Blogger anunció mediante su perfil de Google+, la incorporación del botón para compartir imágenes en Pinterest a la habitual batería de botones sociales que vienen por defecto con todas las plantillas, esos que tienen el aspecto que podéis ver en la imagen.
La verdad es que muchos
El motivo es simple y es que no cargan nada que no sea necesario hasta que no se hace click en ellos, funcionando en modo pop-up gracias a las direcciones directas que todos estos servicios tienen para compartir.
Si ya tienes la botonera en tu blog no hay que hacer nada para que aparezca este nuevo elemento y si lo que pasa es que no tienes ninguna y ahora se te antojó añadirla, pues simplemente ve a Diseño > Entradas del blog > Editar y en la ventana emergente marca la casilla de verificación correspondiente.
¿Problemas? En ese caso prueba primero a sustituir todo el código del gadget que actualmente tienes en tu plantilla.
Para ello tendrás que buscar un includable con nombre shareButtons y una vez a la vista, sustituirlo entero por esto:
<b:includable id='shareButtons' var='post'>
<b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + "&target=orkut"' expr:title='data:top.shareToOrkutMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToOrkutMsg/></span></a></b:if><b:if cond='data:top.showPinterestButton'><a class='goog-inline-block share-button sb-pinterest' expr:href='data:post.sharePostUrl + "&target=pinterest"' expr:title='data:top.shareToPinterestMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToPinterestMsg/></span></a></b:if><b:if cond='data:top.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if>
</b:includable>
<b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + "&target=orkut"' expr:title='data:top.shareToOrkutMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToOrkutMsg/></span></a></b:if><b:if cond='data:top.showPinterestButton'><a class='goog-inline-block share-button sb-pinterest' expr:href='data:post.sharePostUrl + "&target=pinterest"' expr:title='data:top.shareToPinterestMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToPinterestMsg/></span></a></b:if><b:if cond='data:top.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if>
</b:includable>
¿Sigue sin ir? Pues ahora comprueba si tienes en algún sitio estas líneas. Si no es así insértalas en el post-footer, en el post-header o dónde quieres que aparezcan los botones.
<!-- share buttons -->
<div class='post-share-buttons goog-inline-block'>
<b:if cond='data:post.sharePostUrl'>
<b:include data='post' name='shareButtons'/>
</b:if>
</div>
<div class='post-share-buttons goog-inline-block'>
<b:if cond='data:post.sharePostUrl'>
<b:include data='post' name='shareButtons'/>
</b:if>
</div>
Ahora sí que seguro que está todo completo. Si siguen sin verse busca algún display:none; que los estará ocultando o alguna cosa por el estilo.
¿Vemos otro post al azar por si le encuentras utilidad o quizás prefieres ser más metódico y suscribirte a nuestras entradas por correo? También puedes imprimir este artículo y por supuesto compartirlo en redes sociales si fue de tu agrado.
Y muchos más artículos interesantes si nos sigues en...
Muy interesante Oloman, gracias por el aporte
ResponderEliminarHola Oloman.
ResponderEliminarTengo marcada la casilla en diseño de entradas y me aparecen todos los botones excepto éste, ¿debo cambiar el código que comentas, aún funcionando todos los demás botones?, si pudiera evitar trastear en el código...
Gracias de antemano.
Un saludo.
Va a ser que sí tapicero. Por algún motivo no se te actualizó el código así que o lo pones a mano, o seguirá así por siempre
EliminarEs una gran ayuda para los que explotan la red social Pinterest.
ResponderEliminarSaludos.
Eso te ocurre porque tu plantilla oculta todo el pie del post aquí:
ResponderEliminar.date-header, .post-footer {
display: none;
}
Una vez que quites de ahí la clase .post-footer verás otras cosas además de las etiquetas que posiblemente quieras ocultar. Si es así lo haces buscando el selector y poniéndole un display:none;
Bueno, actualmente se me ocurre una manera: http://goo.gl/KO641D
ResponderEliminarEs también mío junto con un par de socios, así que si te gusta ya sabes ¡Y no te cortes en compartirlo con tus amigos! ;)
Bueno, lo que realmente me vendría bien porque andamos muy emparejados con otro blog allí por el 4 puesto y si te gustó, sería que nos votaras ;)
ResponderEliminarHola Oloman, justo estoy intentando ver como hacer mi página de Pinteres, Pinterest business y haciendo algunos movimientos es que vi el boton de Pinterest, pero se supone que tengo que agregar en el encabezado una etiqueta meta que incluso no me deja copiar completa aqui:
ResponderEliminarname="p:domain_verify" content="caa7f5104e82f42184c560e83aea6592"/>
para poder verificar mi página y "acreditarme", me puedes ayudar?
Otra pregunta, cómo pongo en cada entrada asi como lo tienes tu abajo el Compartir y los logos de Pin it…
Mi página es pastelucas.com por si quieres echarle un vistazo.
Gracias, saludos desde México
Hola Lucrecia. Lo de Pinterest Business no tengo ni idea, pues ni me he metido en ese tema ni lo voy a hacer en el futuro, pero supongo que has de copiar esa línea justo después de <head> y en cualquier caso, siempre antes de <b:skin> Puede que el problema esté en que en esa parte no se admiten comillas dobles ("). Cámbialas por comillas simples (').
EliminarLo de los botones no sé si es por todos o en especial por el de Pinterest, pero lo tengo en sitios distintos:
- http://www.oloblogger.com/2013/03/botones-centrados-alineados.html
- http://www.oloblogger.com/2012/03/pinterest-boton-que-se-ve-y-funciona.html
- http://www.oloblogger.com/2012/03/otras-opciones-para-instalar-el-boton.html
Gracias!!, saludos
EliminarTarde por mi parte, pero gracias ;)
ResponderEliminarBuenos dias Oloman
ResponderEliminarPerfecto !! ya me aparece pintarest , siempre me resuelves los problemas, Saludos y Gracias !!
Hola oloman, tengo una template modificada y no me permite mostrar los botones para compartir que vienen con blogger, ni tampoco los que agrego debajo del post footer estoy que me arranco los pelos, que podre hacer?
ResponderEliminar¿Has probado a restaurar todo el artilugio (gadget) con el código que puse aquí? Luego comprueba que no tienes ningún display:none; que esté ocultándolos.
EliminarYa lo vi. Lo tienes aquí:
Eliminar.date-header, .post-footer, .rmlink {
display: none;
}
Deja eso en...
.date-header, .rmlink {
display: none;
}
... y verás como te aparecen.
Creo que google tiene algo en mi contra oloman nada ni si quiera me aparece el de google +
EliminarTe deberían haber aparecido los botones que lleva esa plantilla, pero ya vi que ahora estás peleándote con los de Blogger. Observo que tu problema actual es que aparecen duplicados.
EliminarBusca en tu plantilla post-footer-line-1 y dentro verás un DIV que tiene la clase "post-share-buttons goog-inline-block". Un poco más adelante, dentro del DIV post-footer-line-2 lo tienes de nuevo. Borra completo uno de esos DIV incluyendo su contenido y justo hasta su cierre /DIV. Preferentemente el primero...
Hola como estas?
ResponderEliminarcuriosamente ese codigo tengo y veras me esta dando errores target URL en el rastreo es mas se me duplicado me sale error 404 con direccion (&target=twitter ) para cada botton 2 veces uno con fecha y otro sin fecha sabes algo sobre ello?.
No. Es lo primero que leo...
Eliminar