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 …
// 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 ♥
18 comentarios
Las camaritas son muy cuquis, me encantan!!!
ResponderBorrarHola Alicia !! Gracias..Sii, a mi me gustan todas jejeje ....Bonito día
BorrarHolaaa! Que post más interesante. Me quedo por tu blog. Besitos wapa
ResponderBorrarhttp://somosbellassiqueremosserlo.blogspot.com.es/
Hola, Yolanda .. Bienvenida ♥
BorrarWow, que cositastan bonitas!! las tendré muy presentes, beso!
ResponderBorrarwww.klimver.blogspot.com
Hola! Gracias! Si, espero te sirvan ♥
BorrarGuauuuu!!! Pero qué preciosidades de botones!!! Vaya trabajazo, chica!!!
ResponderBorrarMuchas 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.
Hola Manuela! Muchas gracias! Los hice con mucho cariño para personas con blogs lindos como el tuyo!
BorrarMira si ya tienes los botones de pinterest en tu bog, solo debes de sustituir la URL :D!
Igual, hablamos por fb! Un saludito! ♥
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 :)
ResponderBorrarHola Ana, creo que lo más difícil es decidirse jeje... Pero de seguro cualquiera se va a ver bonito en tu blog ♥
BorrarQue bien me ha venido este tutorial.
ResponderBorrarTení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.
Hola, Que me alegro que el tutorial te sea útil :) Gracias por pasarte por el blog ♥
BorrarQué bellas!!! No se por cuál decidirme. Gracias!!!
ResponderBorrarHola. 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...
ResponderBorrarGracias.
Hola, este código HTML vale para cualquier web donde puedas colocar ♥
BorrarHola, hola, hermosos todos los botones. Ya escogí el mio, pronto lo verás...je je je.
ResponderBorrarMuchísimas gracias.
Abrazotes.
Qué bien, justo ayer cambie el botón de mi bog también :D espero verlo .
BorrarEstoy contenta pues ya me aparece el botón que escogí. Quedó muy chévere. Gracias, muchas gracias.
ResponderBorrarAbrazotes.
Gracias por tus comentarios