Revista Comunicación

Freebies: Botones de Pinterest para el blog + tutorial

Publicado el 03 octubre 2014 por Wendy Rayde
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 mas convine con tu blog!!Pasa adelante y llevate los que tu quieras …
Freebies: Botones de Pinterest para el blog + tutorial
Freebies: Botones de Pinterest para el blog + tutorialimagen
Freebies: Botones de Pinterest para el blog + tutorialFreebies: Botones de Pinterest para el blog + tutorialimagen
Freebies: Botones de Pinterest para el blog + tutorialFreebies: Botones de Pinterest para el blog + tutorialimagenFreebies: Botones de Pinterest para el blog + tutorial
Freebies: Botones de Pinterest para el blog + tutorialimagen
Freebies: Botones de Pinterest para el blog + tutorialFreebies: Botones de Pinterest para el blog + tutorial
imagen
Freebies: Botones de Pinterest para el blog + tutorialFreebies: Botones de Pinterest para el blog + tutorialimagenFreebies: Botones de Pinterest para el blog + tutorialFreebies: Botones de Pinterest para el blog + tutorialimagen
Freebies: Botones de Pinterest para el blog + tutorial
// 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 hostingpara 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)
Novedad:Ya tengo NEWSLETTER  invito a todos a suscribirse y así recibir contendido exclusivo que no publicare en el blog sino que sera solamente para los que esten en mi lista de newsletter
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 ♥
imagen

También podría interesarte :

Volver a la Portada de Logo Paperblog

Quizás te interesen los siguientes artículos :