Niña Bonita Idea guardada 1 veces
Sé la primera persona en valorar esta idea Valorar

Tutorial: Boton "pin it" personalizado actualizado

Hola! hola!!!

Hoy vengo a enseñarte un tutorial para personalizar tu blog, se trata del código html para poner el boton "pin it" pero personalizado.


Si tu ya lo tenias puesto en el blog te habrás dado cuenta que desde hace tiempo ya no funciona, ya no te aparece la imagen que tenias puesta y no te deja pinear las fotos :( y eso se debe a que el javascript dejo de funcionar. Por lo visto el código estaba en un servidor que cerro y este es el motivo por el que ya no va. Solo necesitamos cambiar ese código y ya!! y aquí te lo enseño.

Pero aclaro que el código no es mio, no soy tan lista en esto del html jejejeje, lo he modificado gracias a BloggerSentral

*************************

Como instalar el botón "pin it" de pinterest personalizado en tu blog

Lo primero que tienes que hacer es una copia de seguridad de tu plantilla por si las moscas.

Ahora haz lo siguiente:

1. Vamos a plantilla

2. Editar HTML

3. Buscamos </body> y justo encima pegamos el siguiente codigo

<!-- Inicio - Botón Pin it -->
<script>
//<![CDATA[
var bs_pinButtonURL = "URL donde está la imagen";
var bs_pinButtonPos = "topright";
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=https://dl.dropbox.com/s/jyzhf51ccqf7t9b/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 nos queda modificar las cosas que están en color azul y verde. Una es la url de donde tenemos alojada la imagen que queremos poner como botón y la otra es la posición donde queremos que aparezca dicho botón.

Tal cual esta nos aparecerá en la parte superior derecha, si quieres cambiarla aquí te dejo el resto de posiciones:

* center: centro de la imagen

* topleft: arriba a la izquierda

* bottomright: abajo a la derecha

* bottomleft: abajo a la izquierda

Y si ya tenias el botón instalado con el código anterior solo has de cambiar lo que aparece subrayado en color amarillo. Copia esa url y sustitúyela por la que esta en el tuyo y listo!!! volverá a funcionarte como antes ;)

Guardamos plantilla y listo!!!!

*************************

Llevaba un par de meses buscando este código como una loca, desde que me di cuenta que el botón dejo de funcionar y nada... que no encontraba nada!!
He llegado a soñar con el por que me parecía increíble que hace cosa de poco mas de un año todos los blogs compartiesen el código para personalizarlo y ahora, que dejo de funcionar nadie, absolutamente nadie!, pusiese la actualización. Y buscando... buscando... por fin di con el de BloggerSentral, que ha resultado ser el mismo que hizo el código inicial, y por fin esta solucionado!!!!

Espero que te sirva de ayuda, que seguro que si!! por que si tenias el antiguo te dejo de funcionar de igual manera que a mi y tendrás que arreglarlo jejejeje y si no lo tenias, y quieres ponerlo, el otro no te servirá así que... aquí lo tienes.

Si lo usas coméntame si te ha servido y de ser así por favor compártelo para que pueda llegar a todo el mundo y puedan cambiarlo, y no acaben como yo medio charupas de tanto buscar la solución jejejeje

Besines y feliz semana.

Fuente: este post proviene de Niña Bonita, donde puedes consultar el contenido original.
¿Vulnera este post tus derechos? Pincha aquí.
¿Qué te ha parecido esta idea?

Esta idea proviene de:

Y estas son sus últimas ideas publicadas:

Como vincular instagram con facebook

¡Hola! ¡¡hola!! En el post de hoy voy a enseñarte como vincular tu cuenta de instagram con la de facebook para así ahorrarte tiempo a la hora de hacer publicaciones. Ya que de esta manera, cada ver qu ...

DIY: Cubrebotas estilo étnico

¡Hola! ¡¡hola!! En el post de hoy voy a enseñarte el DIY para hacerte unos cubrebotas estilo étnico con los que arrasaras esta temporada. Como ya comente hace unas semanas por instagram me apetecía un ...

Recomendamos

Relacionado

como hacer un blog

Bloquear boton derecho del raton en mi blog

Hola gente linda, Hoy vamos aprender a bloquear el botón derecho del ratón, para que nadie nos copie nuestros articulos o si deciden hacerlo que se les convierta en lidioso ese proceso, bueno empezamos para hacer esta operación vamos a ir a editar plantilla y buscamos </body> y antes de body pegamos el siguiente código: <script> // Inhabilitar el botón derech ...

general social

Cómo poner botones para redes sociales al final de tus entradas

Muchos Bloggers prefieren añadir botones para redes sociales al pie de sus entradas para que los usuarios puedan compartir el contenido que ha sido de su agrado. Vamos a aprender a colocar en el pie de entradas botones para compartir en Facebook, Twitter y Google+ nuestras creaciones.¿Qué son los botones para las redes sociales en un Blog?: Los componentes oficiales o no oficiales de las distinta ...

general

Creacion de un Game con HTML5 Javascript Utilizando el framework Phaser

En este tutorial iniciaremos un nuevo juego utilizando el Framework "Phaser", usando HTML y CSS3. Phaser es un framewprk/engine muy completo y facil de usar. Hola amigos, como ven en el video, el juego es muy simple de jugar, apenas tenes que comer las frutas para mantenerte en vuelo y cuidar para que las estrellas negras no te toquen o mueres. Si tienen un smartphone Android puden desc ...

rendimiento

Mejora el rendimiento de tu web con GTMetrix: Defer Parsing of Javascript

En Diarios de la nube vamos a ir ayudándote a resolver cada respuesta que GTMetrix pueda devolverte al analizar tu web. GTMetrix es un servicio de análisis rendimiento de la compañía de hosting GT.net. Es capaz de realizar los test más exigentes para analizar la velocidad de carga de todos los recursos de un sitio web, indicando así su velocidad de carga y localizando posibles "cuellos de bot ...

rendimiento

Mejora el rendimiento de tu web utilizando jascript asíncrono

El rendimiento es algo fundamental para la mejora de la experiencia de usuario y, junto a la calidad de los contenidos que se ofrecen en una web, un gran impulsor del posicionamiento en buscadores. En Diarios de la nube vamos a ir ayudándote a resolver distintos puntos importante para mejorar el rendimiento de tu sitio web por medio de GTMetrix. GTMetrix es un servicio de análisis rendimiento de l ...

general social

Cómo poner botones para que te sigan en las redes sociales en Blogger

Poner botones para redes sociales con los que tus usuarios puedan seguirte te ayudará a incrementar la presencia de tus contenidos en Internet. Si bien muchas veces preferimos utilizar botones al final de nuestra entradas para que nuestros usuarios compartan si lo desean nuestras entradas, es importante también que puedan seguirnos por las redes sociales si así lo desean. Qué mejor sitio para que ...

general propuestas

El servicio de Google para realizar el aviso de uso de cookies en tu web: Cookiechoices.

Al navegar por múltiples sitios en Internet todos nos hemos encontrado con algún tipo de aviso o alerta que alude al "uso de cookies" en el sitio por el cual estamos navegando. Este mensaje es fruto de la legislación europea publicada en su directiva 2009/136/CE referente a los derechos de los usuarios y la necesidad de que estos sean informados cuando un sitio web haga uso de las mismas ...

Tutoriales Redes Sociales Web

Como Personalizar botones de compartir.

Que feliz que me hace regresar al blog. Como algunos de ustedes saben, me fui de vacaciones, y regreso supercontenta, Mexico tiene lugares hermosos, llenos de historia y cultura, pero bueno esa es otra historia. Hoy vengo con un tutorial, que ya buena falta hacia por aquí en el blog. Este va a petición de mi amiga Marysol, que me ha pedido un tutorial para cambiar esos botones sociales para compar ...

general

Cómo crear un índice con todas las entradas de tu Blog que se genere automáticamente.

La generación de un índice de entradas automático para un blog es algo que muchos Bloggers anhelan utilizar en sus páginas: para crear índices con las recetas de cocina, con las películas y sus críticas, con las fotografías, los poemas, los escritos, las plantas, animales... un sinfín de conceptos que cada Blog maneja según su temática y que dada su cantidad es imposible exponer a los usuarios en ...

Diseño para Blogs Uncategorized código ...

Los mejores trucos HTML para tu blog que no te puedes perder

Los mejores trucos HTML para tu blog que no te puedes perder Hay cosas que sólo las podemos hacer mediante código html y conviene saber algunos trucos que te ayuden a mejorar tu blog ya sea en blogger o wordpress. En este post hay algunos trucos html para que puedas controlar un poco más tu diseño y hacer cosas a mano que vas a necesitar para tus post , además así si no has usado nunca código te v ...