blogs

Mi portafolio - Blogs que voy diseñado

blog

Freebies: Botones de Pinterest para el blog + tutorial

Mostrando las entradas con la etiqueta blogs. Mostrar todas las entradas
Mostrando las entradas con la etiqueta blogs. Mostrar todas las entradas

5.11.14

Mi portafolio - Blogs que voy diseñado

Hola amigos!! Quiero compartir con ustedes los blogs que he venido diseñando desde hace unas semanas y es por ello que no pego los ojos ochos horas seguidas para dormir! Me encanta hacer este tipo de trabajos porque puedo ayudar a personas que desean tener un lugar bonito en este mundo 2.0 que sea agradable y útil para sus ideas y proyectos. 
Si alguien desea un nuevo diseño para su blog les cuento que trabajo a base de dos paquetes. Pueden ver detalladamente aqui: Visita mi portafolio



 .  Si hay alguien por ahi que no tiene blog pero quiere crear uno,  no duden en preguntarme, mi correo es weracrupe.077@gmail.com.




















También comparto con ustedes los logos























Share to Facebook Share to Pinterest

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