personaliza títulos de gadget

Tutorial Blogger: Instala botón Pinterest personalizado

Instalar Botón Pin it en Blogger

Pinterest es una red social que nos puede aportar un tráfico recurrente y valioso a nuestro blog. Por eso en este posts vamos a aprender distintas maneras de añadir el botón de pint it de Pinterest en nuestro blog o web, sea Blogger o WordPress.

Si eres una Marca Personal online deberías dar la posibilidad a tu audiencia de poder guardar y pinear tu contenido en Pinterest. Por eso mismo hoy aprenderemos a crear un botón que aparezca en las imágenes de nuestra web o blog.

Problemas con el botón pin it en la plataforma Blogger

Tras un cambio en el alojamiento de un código que hacía posible tener el botón Pin It de Pinterest en tu blog he desarrollado este artículo en colaboración con otros profesionales para que puedas instalarlo en tu blog de Blogger y en WordPress. 

Este código de Java Script ha sido creado por bloggersentral.com y han avisado del cambio, actualizando el post. Lo que pasa es que la mayoría de la gente hemos llevado a cabo el tutorial desde algún blog español y estos no lo han actualizado.   

Resulta que me he dado cuenta porque no funcionaban los botones en uno de mis blogs, ya que en el otro no uso este tipo de botón. Así que procedo a compartiros la actualización con el vídeo-tutorial de cómo instalarlo y cómo modificarlo si es que ya lo teníais instalado.  

En primer lugar quiero comentaros que esto suele pasar a menudo, ya que los códigos que usan Java Script suelen venir alojados en “algún lugar” y se “lee” (o decodifica) a través de un enlace donde está alojado. Cuando este servidor en el que se aloja, cierra, ya no se decodifica, porque no existe código, se ha eliminado el archivo .js .    

OJO CON ESTO

Os recomiendo que no os fiéis de todos estos enlaces (archivos) con Java Script alojado, ya que si no revisamos el código (copiando el código de enlace en la barra de navegación) , entendiendo un poco de código, puede que estemos instalando cosas perjudiciales para nuestro blog. En este caso podéis estar tranquilas/os, pero si os deja de funcionar ya sabéis cual es el motivo, cambio de alojamiento del Java Script.

Descarga de regalo botón PIN IT para tu blog  

Si no tienes un botón personalizado ya sabes que puedes diseñarlo tú misma/o porque te he dejado un post para ayudarte un poco con esto. Pero si no te regalo unos botones para ti 🙂

Recuerda ajustar la medida de las imágenes de forma optimizada para tu blog. No aumentes el tamaño, solo redúcelo si lo necesitas, porque si no perderán calidad.

dowload boton pin it descarga

Aunque con el código de Blogger Sentral tampoco tendrás problemas, así que comparto ambas formas de hacerlo.

ACTUALIZACIÓN

Ha vuelto a pasar, y aunque en bloggersentral lo han vuelto a actualizar, he creado junto a ZCREATIONS esta actualización para que no vuelvas a tener problemas. Él ha desarrollado el código. Así que modifico el post y creo otro vídeo para este tutorial.

Instalar el botón pin it de Pinterest desde cero por Blogger Sentral en Blogger

Esto es muy sencillo si seguís paso a paso el tutorial.

  1. Copia el siguiente código en un documento de Word o Writer o bien block de notas.
<script>
//<![CDATA[
var bs_pinButtonURL = "URL de tu imagen Pin It ";
var bs_pinButtonPos = "Posición de la imagen Pin It en tus imágenes";
var bs_pinPrefix = "";
var bs_pinSuffix = "";
//]]>
</script>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'></script>
<script id='bs_pinOnHover' type='text/javascript'>
//<![CDATA[
var _0xa776=["x3Cx69x6Dx67x20x73x74x79x6Cx65x3Dx22x76x69x73x69x62x69x6Cx69x74x79x3Ax68x69x64x64x65x6Ex3Bx22x20x63x6Cx61x73x73x3Dx22x70x69x6Ex69x6Dx67x6Cx6Fx61x64x22x20x73x72x63x3Dx22","x22x20x3E","x61x70x70x65x6Ex64","x62x6Fx64x79","x68x69x64x65","x23x62x73x5Fx70x69x6Ex4Fx6Ex48x6Fx76x65x72","x6Fx75x74x65x72x57x69x64x74x68","x2Ex70x69x6Ex69x6Dx67x6Cx6Fx61x64","x6Fx75x74x65x72x48x65x69x67x68x74","x72x65x6Dx6Fx76x65","x6Cx6Fx61x64","x62x6Cx6Fx67x67x65x72x73x65x6Ex74x72x61x6Cx2Ex63x6Fx6D","x69x6Ex64x65x78x4Fx66","x68x74x6Dx6C","x76x69x73x69x62x69x6Cx69x74x79","x68x69x64x64x65x6E","x63x73x73","x2Ex70x69x6Ex69x74x2Dx77x72x61x70x70x65x72","x6Dx61x72x67x69x6Ex2Dx74x6Fx70","x6Dx61x72x67x69x6Ex2Dx6Cx65x66x74","x74x6Fx70","x70x6Fx73x69x74x69x6Fx6E","x6Cx65x66x74","x63x65x6Ex74x65x72","x74x6Fx70x72x69x67x68x74","x74x6Fx70x6Cx65x66x74","x62x6Fx74x74x6Fx6Dx72x69x67x68x74","x62x6Fx74x74x6Fx6Dx6Cx65x66x74","x73x72x63","x70x72x6Fx70","x2Ex70x6Fx73x74x2Dx74x69x74x6Cx65x2Cx2Ex65x6Ex74x72x79x2Dx74x69x74x6Cx65x2Cx2Ex65x6Ex74x72x79x2Dx68x65x61x64x65x72","x66x69x6Ex64","x2Ex70x6Fx73x74x2Cx2Ex68x65x6Ex74x72x79x2Cx2Ex65x6Ex74x72x79","x63x6Cx6Fx73x65x73x74","x74x65x78x74","x75x6Ex64x65x66x69x6Ex65x64","","x6Cx65x6Ex67x74x68","x61","x72x65x70x6Cx61x63x65","x68x72x65x66","x61x74x74x72","x3Cx64x69x76x20x63x6Cx61x73x73x3Dx22x70x69x6Ex69x74x2Dx77x72x61x70x70x65x72x22x20x73x74x79x6Cx65x3Dx22x64x69x73x70x6Cx61x79x3Ax6Ex6Fx6Ex65x3Bx70x6Fx73x69x74x69x6Fx6Ex3Ax20x61x62x73x6Fx6Cx75x74x65x3Bx7Ax2Dx69x6Ex64x65x78x3Ax20x39x39x39x39x3Bx20x63x75x72x73x6Fx72x3Ax20x70x6Fx69x6Ex74x65x72x3Bx22x20x3Ex3Cx61x20x68x72x65x66x3Dx22x68x74x74x70x3Ax2Fx2Fx70x69x6Ex74x65x72x65x73x74x2Ex63x6Fx6Dx2Fx70x69x6Ex2Fx63x72x65x61x74x65x2Fx62x75x74x74x6Fx6Ex2Fx3Fx75x72x6Cx3D","x26x6Dx65x64x69x61x3D","x26x64x65x73x63x72x69x70x74x69x6Fx6Ex3D","x22x20x73x74x79x6Cx65x3Dx22x64x69x73x70x6Cx61x79x3Ax62x6Cx6Fx63x6Bx3Bx6Fx75x74x6Cx69x6Ex65x3Ax6Ex6Fx6Ex65x3Bx22x20x74x61x72x67x65x74x3Dx22x5Fx62x6Cx61x6Ex6Bx22x3Ex3Cx69x6Dx67x20x63x6Cx61x73x73x3Dx22x70x69x6Ex69x6Dx67x22x20x73x74x79x6Cx65x3Dx22x2Dx6Dx6Fx7Ax2Dx62x6Fx78x2Dx73x68x61x64x6Fx77x3Ax6Ex6Fx6Ex65x3Bx2Dx77x65x62x6Bx69x74x2Dx62x6Fx78x2Dx73x68x61x64x6Fx77x3Ax6Ex6Fx6Ex65x3Bx2Dx6Fx2Dx62x6Fx78x2Dx73x68x61x64x6Fx77x3Ax6Ex6Fx6Ex65x3Bx62x6Fx78x2Dx73x68x61x64x6Fx77x3Ax6Ex6Fx6Ex65x3Bx62x61x63x6Bx67x72x6Fx75x6Ex64x3Ax74x72x61x6Ex73x70x61x72x65x6Ex74x3Bx6Dx61x72x67x69x6Ex3Ax20x30x3Bx70x61x64x64x69x6Ex67x3Ax20x30x3Bx62x6Fx72x64x65x72x3Ax30x3Bx22x20x73x72x63x3Dx22","x22x20x74x69x74x6Cx65x3Dx22x50x69x6Ex20x6Fx6Ex20x50x69x6Ex74x65x72x65x73x74x22x20x3Ex3Cx2Fx61x3Ex3Cx2Fx64x69x76x3E","x69x73","x70x61x72x65x6Ex74","x70x69x6Ex69x74x2Dx77x72x61x70x70x65x72","x68x61x73x43x6Cx61x73x73","x6Ex65x78x74","x61x66x74x65x72","x6Fx6Ex6Dx6Fx75x73x65x6Fx76x65x72","x74x68x69x73x2Ex73x74x79x6Cx65x2Ex6Fx70x61x63x69x74x79x3Dx31x3Bx74x68x69x73x2Ex73x74x79x6Cx65x2Ex76x69x73x69x62x69x6Cx69x74x79x3Dx27x76x69x73x69x62x6Cx65x27","x74x68x69x73x2Ex73x74x79x6Cx65x2Ex6Fx70x61x63x69x74x79x3Dx31x3Bx74x68x69x73x2Ex73x74x79x6Cx65x2Ex76x69x73x69x62x69x6Cx69x74x79x3Dx27x76x69x73x69x62x6Cx65x27x3Bx63x6Cx65x61x72x54x69x6Dx65x6Fx75x74x28x62x73x42x75x74x74x6Fx6Ex48x6Fx76x65x72x29","x76x69x73x69x62x6Cx65","x73x68x6Fx77","x66x61x64x65x54x6F","x73x74x6Fx70","x6Dx6Fx75x73x65x65x6Ex74x65x72","x2Ex6Ex6Fx70x69x6Ex2Cx2Ex6Ex6Fx70x69x6Ex20x69x6Dx67","x6Ex6Fx74","x2Ex65x6Ex74x72x79x2Dx63x6Fx6Ex74x65x6Ex74x20x69x6Dx67x2Cx2Ex70x6Fx73x74x2Dx62x6Fx64x79x20x69x6Dx67x2Cx2Ex65x6Ex74x72x79x2Dx73x75x6Dx6Dx61x72x79x20x69x6Dx67","x6Dx6Fx75x73x65x6Cx65x61x76x65","x6Dx73x69x65","x62x72x6Fx77x73x65x72","x6Fx6E","x72x65x61x64x79"];jQuery(document)[_0xa776[68]](function(_0x8b11x1){_0x8b11x1(_0xa776[3])[_0xa776[2]](_0xa776[0]+ bs_pinButtonURL+ _0xa776[1]);_0x8b11x1(_0xa776[5])[_0xa776[4]]();var _0x8b11x2;var _0x8b11x3;var _0x8b11x4;_0x8b11x1(_0xa776[7])[_0xa776[10]](function(){_0x8b11x3= _0x8b11x1(_0xa776[7])[_0xa776[6]](true);_0x8b11x4= _0x8b11x1(_0xa776[7])[_0xa776[8]](true);_0x8b11x1(_0xa776[7])[_0xa776[9]]()});var _0x8b11x5=_0x8b11x1(_0xa776[5])[_0xa776[13]]()[_0xa776[12]](_0xa776[11]);_0x8b11x5!= -1&& _0x8b11x6();function _0x8b11x6(){_0x8b11x1(_0xa776[63])[_0xa776[62]](_0xa776[61])[_0xa776[60]](function(){_0x8b11x1(_0xa776[17])[_0xa776[16]](_0xa776[14],_0xa776[15]);clearTimeout(_0x8b11x2);var _0x8b11x7=_0x8b11x1(this);var _0x8b11x8=parseInt(_0x8b11x7[_0xa776[16]](_0xa776[18]));var _0x8b11x9=parseInt(_0x8b11x7[_0xa776[16]](_0xa776[19]));var _0x8b11xa;var _0x8b11xb;switch(bs_pinButtonPos){case _0xa776[23]:_0x8b11xa= _0x8b11x7[_0xa776[21]]()[_0xa776[20]]+ _0x8b11x7[_0xa776[8]](true)/ 2- _0x8b11x4/ 2;_0x8b11xb= _0x8b11x7[_0xa776[21]]()[_0xa776[22]]+ _0x8b11x7[_0xa776[6]](true)/ 2- _0x8b11x3/ 2;break;case _0xa776[24]:_0x8b11xa= _0x8b11x7[_0xa776[21]]()[_0xa776[20]]+ _0x8b11x8+ 5;_0x8b11xb= _0x8b11x7[_0xa776[21]]()[_0xa776[22]]+ _0x8b11x9+ _0x8b11x7[_0xa776[6]]()- _0x8b11x3- 5;break;case _0xa776[25]:_0x8b11xa= _0x8b11x7[_0xa776[21]]()[_0xa776[20]]+ _0x8b11x8+ 5;_0x8b11xb= _0x8b11x7[_0xa776[21]]()[_0xa776[22]]+ _0x8b11x9+ 5;break;case _0xa776[26]:_0x8b11xa= _0x8b11x7[_0xa776[21]]()[_0xa776[20]]+ _0x8b11x8+ _0x8b11x7[_0xa776[8]]()- _0x8b11x4- 5;_0x8b11xb= _0x8b11x7[_0xa776[21]]()[_0xa776[22]]+ _0x8b11x9+ _0x8b11x7[_0xa776[6]]()- _0x8b11x3- 5;break;case _0xa776[27]:_0x8b11xa= _0x8b11x7[_0xa776[21]]()[_0xa776[20]]+ _0x8b11x8+ _0x8b11x7[_0xa776[8]]()- _0x8b11x4- 5;_0x8b11xb= _0x8b11x7[_0xa776[21]]()[_0xa776[22]]+ _0x8b11x9+ 5;break};var _0x8b11xc=_0x8b11x7[_0xa776[29]](_0xa776[28]);var _0x8b11xd=_0x8b11x7[_0xa776[33]](_0xa776[32])[_0xa776[31]](_0xa776[30]);var _0x8b11xe=_0x8b11xd[_0xa776[34]]();if( typeof bs_pinPrefix=== _0xa776[35]){bs_pinPrefix= _0xa776[36]};if( typeof bs_pinSuffix=== _0xa776[35]){bs_pinSuffix= _0xa776[36]};if(_0x8b11xd[_0xa776[31]](_0xa776[38])[_0xa776[37]]){pinitURL= _0x8b11xd[_0xa776[31]](_0xa776[38])[_0xa776[41]](_0xa776[40])[_0xa776[39]](/#.+b/gi,_0xa776[36])}else {pinitURL= _0x8b11x1(location)[_0xa776[41]](_0xa776[40])[_0xa776[39]](/#.+b/gi,_0xa776[36])};var _0x8b11xf=_0xa776[42]+ pinitURL+ _0xa776[43]+ _0x8b11xc+ _0xa776[44]+ bs_pinPrefix+ _0x8b11xe+ bs_pinSuffix+ _0xa776[45]+ bs_pinButtonURL+ _0xa776[46];var _0x8b11x10=_0x8b11x7[_0xa776[48]]()[_0xa776[47]](_0xa776[38])?_0x8b11x7[_0xa776[48]]():_0x8b11x7;if(!_0x8b11x10[_0xa776[51]]()[_0xa776[50]](_0xa776[49])){_0x8b11x10[_0xa776[52]](_0x8b11xf);if( typeof _0x8b11x2=== _0xa776[35]){_0x8b11x10[_0xa776[51]](_0xa776[17])[_0xa776[41]](_0xa776[53],_0xa776[54])}else {_0x8b11x10[_0xa776[51]](_0xa776[17])[_0xa776[41]](_0xa776[53],_0xa776[55])}};var _0x8b11x11=_0x8b11x10[_0xa776[51]](_0xa776[17]);_0x8b11x11[_0xa776[16]]({"x74x6Fx70":_0x8b11xa,"x6Cx65x66x74":_0x8b11xb});_0x8b11x11[_0xa776[16]](_0xa776[14],_0xa776[56]);_0x8b11x11[_0xa776[59]]()[_0xa776[58]](300,1.0,function(){_0x8b11x1(this)[_0xa776[57]]()})});_0x8b11x1(_0xa776[63])[_0xa776[67]](_0xa776[64],function(){if(_0x8b11x1[_0xa776[66]][_0xa776[65]]){var _0x8b11x12=_0x8b11x1(this)[_0xa776[51]](_0xa776[17]);var _0x8b11x13=_0x8b11x1(this)[_0xa776[48]](_0xa776[38])[_0xa776[51]](_0xa776[17]);_0x8b11x2= setTimeout(function(){_0x8b11x12[_0xa776[59]]()[_0xa776[16]](_0xa776[14],_0xa776[15]);_0x8b11x13[_0xa776[59]]()[_0xa776[16]](_0xa776[14],_0xa776[15])},3000)}else {_0x8b11x1(_0xa776[17])[_0xa776[59]]()[_0xa776[58]](0,0.0)}})}})
//Este Pinterest Hover Button está desarrollado por bloggersentral.com.
//Visita http://www.bloggersentral.com/2012/11/pinterest-pin-it-button-on-image-hover.html para más detalles
//Porfavor no borres esta atribución
//]]>
</script>
  1. Modifica lo que está marcado en amarillo, sin tocar las comillas, según tus intereses:
  • Posición de la imagen Pin It en tus imágenes   Aquí puedes elegir si quieres que quede en el centro, en la parte superior derecha o izquierda, o abajo, poniendo alguno de los siguientes códigos   
  • topleft: arriba a la izquierda
  • topright: arriba a la derecha
  • bottomleft: abajo a la izquierda
  • bottomright: abajo a la derecha 
  • center: en el centro
  1. Una vez modificados estos pasos nos vamos a nuestro blog y seguimos los siguientes pasos:
  1. Vamos a Plantilla
  2. Crear copia de Seguridad
  3. Editar HTML
  4. Buscar dentro de la plantilla (con CTRL + F , si no sábes cómo te dejo el vídeo) :

buscamos el siguiente código:

</body>

y ántes/encima de ese código que hemos buscado, pegamos el que tenemos modificado en nuestro bloc de notas, word o write, que antes comentamos.

  1. Guardamos plantilla y Listo

Instalar el botón Pin it de Pinterest desde cero por Zcreations en Blogger

Esto es muy sencillo si seguís paso a paso el tutorial.

  1. Copia el siguiente código en un documento de Word o Writer o bien block de notas.
<!--////*Codigo boton pinterest////*-->
<script type='text/javascript'>
//<![CDATA[
(function(b){b.fn.imgPin=function(e){e=b.extend({},{pinImg:"https://assets.pinterest.com/images/pidgets/pin_it_button.png",position:1},e);var g=encodeURIComponent(document.URL),f=e.pinImg,c="";switch(e.position){case 1:c="top left";break;case 2:c="top right";break;case 3:c="bottom right";break;case 4:c="bottom left";break;case 5:c="center"}this.each(function(){var a=b(this).attr("src"),d=new Image;d.src=a;d=encodeURIComponent(document.title);a=encodeURIComponent(a);a="https://www.pinterest.com/pin/create/button/?url="+
g+("&media="+a);a+="&description="+d;b(this).wrap('<div class="img-pint">').after('<a href="'+a+'" class="pin '+c+'"><img src="'+f+'" alt="Pin"></a>');5==e.position&&(d=new Image,d.onload=function(){var a=this.width;h=this.height;b(".img-pint .pin.center").css("margin-left",-a/2).css("margin-top",-h/2)},d.src=f);b(".img-pint .pin").click(function(){var a=screen.width/2-350,b=screen.height/2-200;window.open(this.href,"imgPngWindow","toolbar=no, location=no, status=no, menubar=no, scrollbars=yes, resizable=yes, width=700, height=400").moveTo(a,b);return!1})})}})(jQuery);//]]></script>
<script type='text/javascript'>
//<![CDATA[
$('.post-body img').imgPin({
pinImg : 'URL DE LA IMAGEN DE TU BOTÓN PIN IT',//tu imagen para el boton//elige un numero del 1 al 5 para cambiar la posicion del boton
position: Posición de la imagen Pin It en tus imágenes
});
//Este Pinterest Hover Button está desarrollado por http://www.zkreations.com/
//Porfavor no borres esta atribución
//]]>
</script>
<!--////*Fin Codigo boton pinterest////*-->
  1. Modifica lo que está en amarillo, sin tocar las comillas, según tus intereses:    
  • URL de tu imagen Pin It , como siempre os digo, la imagen debe estar alojada en internet para poder copiar el enlace de la imagen, yo uso una entrada del blog que nunca se publicará para estas cosas. Solo tienes que hacer click derecho sobre la imagen dentro de la entrada donde tienes tus fotos, y elegir “Copiar dirección de imagen” (fíjate en no copiar “Copiar dirección de enlace”)    
  • Posición de la imagen Pin It en tus imágenes   Aquí podéis elegir si queréis que quede en el centro, en la parte superior derecha o izquierda, o abajo, poniendo alguno de los siguientes números. Sustitúyelo por la frase en amarillo.  
    • Arriba a la izquierda sería el número 1
    •  Arriba a la derecha sería el número 2
    • En el centro sería el número 3 (no suele quedar centrado)
    • Abajo a la izquierda sería el número 4
    • Abajo a la derecha sería el número 5
  1. Una vez modificados estos pasos nos vamos a nuestro blog y seguimos los siguientes pasos:
  1. Vamos a Plantilla
  2. Crear copia de Seguridad
  3. Editar HTML
  4. Buscar dentro de la plantilla (con CTRL + F , si no sábes cómo te dejo el vídeo) :



buscamos el siguiente código:

</body>

y ántes de ese código que hemos buscado, pegamos el que tenemos modificado en nuestro bloc de notas, word o write, que antes comentamos.

  1. Guardamos plantilla
  2. Buscamos de nuevo en plantilla, como hemos hecho antes, pero esta vez buscamos este código:
]]></b:skin>

Si no te sale, busca primero </b:skin> , dale a los puntitos anteriores y luego busca de nuevo:

 ]]></b:skin>
  1. Pega el siguiente código:
/**** Codigo boton pinterest******/
.img-pint img {    
display: inline-block;
}
.img-pint {    
position: relative;    
display: inline-block;
}
.pin {    
position: absolute; 
opacity: 0;    
-webkit-transition: opacity .3s;       
-moz-transition: opacity .3s;        
-O-transition: opacity .3s;    
transition: opacity .3s;}
.img-pint:hover .pin { 
opacity: 1;
}
.img-pint .top {
top: 10px;
}
.img-pint .left {
left: 10px;
}
.img-pint .right {
right: 10px;
}
.img-pint .bottom {
bottom: 10px;
}
/**** Fin Codigo boton pinterest******/
  1. Guardamos plantilla y Listo

Modificar el Pin it que ya tenía instalado en Blogger

Para esto todavía lo tenemos más fácil porque solo tendremos que cambiar una parte del código que ya tenemos.

  1. Vamos a Plantilla
  2. Crear copia de Seguridad
  3. Editar HTML
  4. Buscar dentro de la plantilla (ver vídeo anterior) el siguiente código:
bs_pinOnHover
  1. Nos aparecerá el código de bloggersentral, como este:
<!-- Inicio - Botón Pin it -->
<script>
//<![CDATA[
var bs_pinButtonURL = "URL de tu imagen Pin It";
var bs_pinButtonPos = "Posición de la imagen Pin It en tus imágenes";
var bs_pinPrefix = "";
var bs_pinSuffix = "";
//]]>
</script>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'></script>
<script id='bs_pinOnHover' src='https://googledrive.com/host/0B40RQ963OElISE9lY1E1YS1lU28/bs_pinOnHoverv1_min.js' type='text/javascript'>
// This Pinterest Hover Button is brought to you by bloggersentral.com.
// Visit http://www.bloggersentral.com/2012/11/pinterest-pin-it-button-on-image-hover.html for details.
// Feel free to use and share, but please keep this notice intact.
</script>
<!--Fin - Botón Pin it -->
  1. Elimína todo el código, para poder instalar el botón que te servirá siempre, y llevar a cabo las instalaciónes desde cero que te sugiero en este tutorial .
  2. Guardar y llevar a cabo la instalación desde cero que te compartí más arriba.   Más fácil imposible, ¿Verdad?

No obstante aquí os dejo un vídeo para que os resulte más fácil 😉

Vídeo tutorial de ayuda y apoyo

Botón Pin it de Pinterest en WordPress

Este botón únicamente aparecerá cuando se pase el cursor por la imagen.

Instala y activa el plugin Pinterest Pin it Button for Images. Vas a la sección Plugins del escritorio de tu WordPress y dale a Añadir Nuevo. En el buscador escribe el nombre del plugin que como sabes es Pinterest Pin it Button for Images.

Al pulsar ENTER para iniciar la búsqueda te debería aparecer como el primer resultado de la búsqueda. Instálalo y actívalo para poder utilizarlo.

Una vez activado, ve a Ajustes > Pinterest Pin It para configurar el plugin.

¡Listo!

Ahora ya tienes todo lo necesario para que las imágenes de tu blog sean pineadas por tus lectoras/es 🙂  

Pinterest no es una Red Social al uso, pero la verdad es que siempre nos ayudará a posiconarnos como marca.

Si te sientes generosa/o puedes compartir este post en tus redes sociales para que llegue a más gente que lo necesite como tú. 

Comparte

CONSIGUE

LA VIDA QUE DESEAS

GRACIAS A UN NEGOCIO ONLINE RENTABLE

Disfruta de mi curso gratuito “Cómo tener un Negocio Online Rentable no solo económicamente”, en el que comparto las áreas más importantes a trabajar para conseguir la vida que deseas con tu Emprendimiento Online.

Interacciones con los lectores

10 comentarios

  1. Vale | Menta de Papel

    Que maravilla tu post!! Me ha caído del cielo, ya que yo me había dado cuenta que había dejado de funcionar el código, busqué en bloggersentral y pues no encontré que hubiesen actualizado (ciega yo!). Gracias!!
    Un abrazo!!

    • Mónica Lemos

      Vale!! verdad que es frustrante? pues me alegro haber resuelto tu problemilla, en él me encontré yo hace poco y por eso quise compartirlo cuanto antes!! 🙂
      De nada, gracias a ti por comentar!! 😀

Deja tu comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *