Freebies: Botones de Pinterest para el blog + tutorial

2.10.14


Hola, hola! Hoy vengo llena de color y de cosas bonitas ♥
Botones de Pinterest para el blog con varios colores y formas,  son 89 para que encuentres el que más va con tu  blog!!
Pasa adelante y llevate los que tu quieras …


imagen

imagen

imagen


imagen



imagen


imagen
imagen




// Este codigo lo encontre en http://www.bloggersentral.com

Después de ver tantos botones bonitos ahora vamos a instalarlos en  nuestro blog, no es difícil solo es cuestión de serguir los siguientes pasos.

1.   Vamos a Plantilla → Editar HTML
(hacemos copia de seguridad de la plantilla!) 
2.   buscamos  </body>
Para buscar  presionamos  CTRL + F , aparecerá del lado derecho una cajita de búsqueda.
3. Escribimos en la cajita de busqueda </body>
Presionamos enter. Nos llevara a donde esta </body>
4. Justo arriba de </body>  pegamos el siguiente código

 <!-- Inicio - Botón Pin it -->
<script>
//<![CDATA[
var bs_pinButtonURL = "URL de la imagen";
var bs_pinButtonPos = "center";
var bs_pinPrefix = "";
var bs_pinSuffix = "";
//]]>
</script>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'/>
<script id='bs_pinOnHover' src='http://greenlava-code.googlecode.com/svn/trunk/publicscripts/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 -->

Ahora solo debemos de cambiar lo que están de color rojo y naranja (ya casi terminamos)

 URL de la imagen: Luego de descargar el botón que más le gusto deben de subirlo a un hosting  para obtener la URL, yo utilizo mi cuenta de google+ y me va re bien! Solo subo la imagen, espero que cargue, seguidamente clic derecho sobre la imagen y copiar URL

Ubicación del botón: Pueden elegir donde quieren que aparezca el  boton dentro de la imagen, yo lo tengo en *center que es en el centro. Solo borrar center y colocar el que ustedes decidan.

topleft  (extremo superior izquierdo)
bottomleft (extremo inferior izquierdo)
bottomright (extremo inferior derecho)
topright (extremo superior derecho, por defecto)
center (centro)



y llegamos al final del post!!
Que les parecio los botones de Pin it? , los van a usar en sus blogs o webs?
Estaria muy encantada de leer sus comentarios ♥

más post bonitos que de seguro te van a interesar

18 comentarios

  1. Las camaritas son muy cuquis, me encantan!!!

    ResponderBorrar
    Respuestas
    1. Hola Alicia !! Gracias..Sii, a mi me gustan todas jejeje ....Bonito día

      Borrar
  2. Holaaa! Que post más interesante. Me quedo por tu blog. Besitos wapa
    http://somosbellassiqueremosserlo.blogspot.com.es/

    ResponderBorrar
  3. Wow, que cositastan bonitas!! las tendré muy presentes, beso!
    www.klimver.blogspot.com

    ResponderBorrar
  4. Guauuuu!!! Pero qué preciosidades de botones!!! Vaya trabajazo, chica!!!
    Muchas gracias por compartirlos. Yo cada día estoy más enamorada de tu blog. Me voy a guardar ésta entrada y en cuanto esté un poquito más libre la voy a poner en práctica, que yo tengo unos botones de pinear muy feos. A lo mejor te pido ayuda. No sé si poniendo tu código encima del que ya tengo es suficiente.
    Un beso y mil gracias!!!
    Manuela.

    ResponderBorrar
    Respuestas
    1. Hola Manuela! Muchas gracias! Los hice con mucho cariño para personas con blogs lindos como el tuyo!
      Mira si ya tienes los botones de pinterest en tu bog, solo debes de sustituir la URL :D!
      Igual, hablamos por fb! Un saludito! ♥

      Borrar
  5. No sé cual de ellos me gusta más porque todos son preciosos. Yo y las cámaras... uf! Me los guardo para cambiármelos más tarde :)

    ResponderBorrar
    Respuestas
    1. Hola Ana, creo que lo más difícil es decidirse jeje... Pero de seguro cualquiera se va a ver bonito en tu blog ♥

      Borrar
  6. Que bien me ha venido este tutorial.
    Tenía mis botones hace tiempo pero hoy me di cuenta de que el enlace estaba roto.
    He puesto una de tus camaritas que son preciosas y funciona divinamente,
    Gracias! Un beso.

    ResponderBorrar
    Respuestas
    1. Hola, Que me alegro que el tutorial te sea útil :) Gracias por pasarte por el blog ♥

      Borrar
  7. Qué bellas!!! No se por cuál decidirme. Gracias!!!

    ResponderBorrar
  8. Hola. Me encantan tu blog y he empezado a seguirte. La duda que tengo es si estos recursos que nos dejas como este de las camaritas sólo vale si se tiene un blog con blogspot o vale también para WordPress etc...
    Gracias.

    ResponderBorrar
    Respuestas
    1. Hola, este código HTML vale para cualquier web donde puedas colocar ♥

      Borrar
  9. Hola, hola, hermosos todos los botones. Ya escogí el mio, pronto lo verás...je je je.
    Muchísimas gracias.
    Abrazotes.

    ResponderBorrar
    Respuestas
    1. Qué bien, justo ayer cambie el botón de mi bog también :D espero verlo .

      Borrar
  10. Estoy contenta pues ya me aparece el botón que escogí. Quedó muy chévere. Gracias, muchas gracias.
    Abrazotes.

    ResponderBorrar

Gracias por tus comentarios

2.10.14

Freebies: Botones de Pinterest para el blog + tutorial


Hola, hola! Hoy vengo llena de color y de cosas bonitas ♥
Botones de Pinterest para el blog con varios colores y formas,  son 89 para que encuentres el que más va con tu  blog!!
Pasa adelante y llevate los que tu quieras …


imagen

imagen

imagen


imagen



imagen


imagen
imagen




// Este codigo lo encontre en http://www.bloggersentral.com

Después de ver tantos botones bonitos ahora vamos a instalarlos en  nuestro blog, no es difícil solo es cuestión de serguir los siguientes pasos.

1.   Vamos a Plantilla → Editar HTML
(hacemos copia de seguridad de la plantilla!) 
2.   buscamos  </body>
Para buscar  presionamos  CTRL + F , aparecerá del lado derecho una cajita de búsqueda.
3. Escribimos en la cajita de busqueda </body>
Presionamos enter. Nos llevara a donde esta </body>
4. Justo arriba de </body>  pegamos el siguiente código

 <!-- Inicio - Botón Pin it -->
<script>
//<![CDATA[
var bs_pinButtonURL = "URL de la imagen";
var bs_pinButtonPos = "center";
var bs_pinPrefix = "";
var bs_pinSuffix = "";
//]]>
</script>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'/>
<script id='bs_pinOnHover' src='http://greenlava-code.googlecode.com/svn/trunk/publicscripts/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 -->

Ahora solo debemos de cambiar lo que están de color rojo y naranja (ya casi terminamos)

 URL de la imagen: Luego de descargar el botón que más le gusto deben de subirlo a un hosting  para obtener la URL, yo utilizo mi cuenta de google+ y me va re bien! Solo subo la imagen, espero que cargue, seguidamente clic derecho sobre la imagen y copiar URL

Ubicación del botón: Pueden elegir donde quieren que aparezca el  boton dentro de la imagen, yo lo tengo en *center que es en el centro. Solo borrar center y colocar el que ustedes decidan.

topleft  (extremo superior izquierdo)
bottomleft (extremo inferior izquierdo)
bottomright (extremo inferior derecho)
topright (extremo superior derecho, por defecto)
center (centro)



y llegamos al final del post!!
Que les parecio los botones de Pin it? , los van a usar en sus blogs o webs?
Estaria muy encantada de leer sus comentarios ♥

Share to Facebook Share to Pinterest

18 comentarios:

  1. Las camaritas son muy cuquis, me encantan!!!

    ResponderBorrar
    Respuestas
    1. Hola Alicia !! Gracias..Sii, a mi me gustan todas jejeje ....Bonito día

      Borrar
  2. Holaaa! Que post más interesante. Me quedo por tu blog. Besitos wapa
    http://somosbellassiqueremosserlo.blogspot.com.es/

    ResponderBorrar
  3. Wow, que cositastan bonitas!! las tendré muy presentes, beso!
    www.klimver.blogspot.com

    ResponderBorrar
  4. Guauuuu!!! Pero qué preciosidades de botones!!! Vaya trabajazo, chica!!!
    Muchas gracias por compartirlos. Yo cada día estoy más enamorada de tu blog. Me voy a guardar ésta entrada y en cuanto esté un poquito más libre la voy a poner en práctica, que yo tengo unos botones de pinear muy feos. A lo mejor te pido ayuda. No sé si poniendo tu código encima del que ya tengo es suficiente.
    Un beso y mil gracias!!!
    Manuela.

    ResponderBorrar
    Respuestas
    1. Hola Manuela! Muchas gracias! Los hice con mucho cariño para personas con blogs lindos como el tuyo!
      Mira si ya tienes los botones de pinterest en tu bog, solo debes de sustituir la URL :D!
      Igual, hablamos por fb! Un saludito! ♥

      Borrar
  5. No sé cual de ellos me gusta más porque todos son preciosos. Yo y las cámaras... uf! Me los guardo para cambiármelos más tarde :)

    ResponderBorrar
    Respuestas
    1. Hola Ana, creo que lo más difícil es decidirse jeje... Pero de seguro cualquiera se va a ver bonito en tu blog ♥

      Borrar
  6. Que bien me ha venido este tutorial.
    Tenía mis botones hace tiempo pero hoy me di cuenta de que el enlace estaba roto.
    He puesto una de tus camaritas que son preciosas y funciona divinamente,
    Gracias! Un beso.

    ResponderBorrar
    Respuestas
    1. Hola, Que me alegro que el tutorial te sea útil :) Gracias por pasarte por el blog ♥

      Borrar
  7. Qué bellas!!! No se por cuál decidirme. Gracias!!!

    ResponderBorrar
  8. Hola. Me encantan tu blog y he empezado a seguirte. La duda que tengo es si estos recursos que nos dejas como este de las camaritas sólo vale si se tiene un blog con blogspot o vale también para WordPress etc...
    Gracias.

    ResponderBorrar
    Respuestas
    1. Hola, este código HTML vale para cualquier web donde puedas colocar ♥

      Borrar
  9. Hola, hola, hermosos todos los botones. Ya escogí el mio, pronto lo verás...je je je.
    Muchísimas gracias.
    Abrazotes.

    ResponderBorrar
    Respuestas
    1. Qué bien, justo ayer cambie el botón de mi bog también :D espero verlo .

      Borrar
  10. Estoy contenta pues ya me aparece el botón que escogí. Quedó muy chévere. Gracias, muchas gracias.
    Abrazotes.

    ResponderBorrar

Gracias por tus comentarios