Cómo agregar una página HTML personalizada botón Seguir imagen en Blogger

Blogger incluye un editor de HTML personalizado que se puede utilizar para añadir su propio código HTML para las entradas del blog. Puede usar este editor para insertar un botón de seguimiento de imágenes personalizados para cualquier sitio de redes sociales. Puede copiar y pegar el código de la red social o de su propia creación directamente en el editor de Blogger para crear un enlace de "Seguir" activo.

Instrucciones

1 Haga clic en el cargo para el que desea agregar el botón personalizado.

2 Copia el código HTML para enlazar a su cuenta de medios de comunicación social de la siguiente manera.

Para Facebook, copiar:
<a href="&lt;img" rel="nofollow" target="_blank"> http://www.facebook.com/people/yourname&quot;>&lt;img src = "customimage.jpg"> </a>

Reemplazar "sunombre" con su nombre de usuario de Facebook y reemplazar "customimage.jpg" con su propio nombre de la imagen personalizada.

Para el enlace de Twitter, utilice el siguiente código:
<a href="http://twitter.com/username&quot; class="twitter-follow-button" data-show-count="false"> <img src = "customimage.jpg"> </a>
<Script src = "http://platform.twitter.com/widgets.js&quot; type =" text / javascript "> </ script>

Una vez más, reemplazar "nombre de usuario" con su nombre de usuario de Twitter, y reemplazar "customimage.jpg" con el nombre de la imagen personalizada.

3 Haga clic en la pestaña "Edición de HTML" en el editor. Baje hasta donde desea que el botón personalizado que se vea. Pegar el código HTML personalizado en el editor de Blogger.

4 Haga clic en "Publicar" para guardar los cambios y cargar el cambio en la página de Blogger en vivo. Si desea guardar el cambio de un modo de borrador, haga clic en "Guardar borrador". Puede publicar más adelante los cambios en la cuenta real.

5 Haga clic en "Vista previa" para revisar el código HTML copiado. Haga clic en el botón para comprobar que se lleva a su página de sitio de redes sociales.