Widgets y Plugins para Blogger


Widget de redes sociales para páginas web


Las redes sociales es el método más usual para compartir todo tipo de artículos y así dar a conocer nuestros blogs, es por eso que voy a compartir con ustedes un simple código con el cual lo podrán insertar en un widget y ubicarlo donde mejor les parezca. Lo que vamos hacer es copiar un código en un widget y realizar tres simples cambios para ubicar las direcciones de nuestra Fanpage de Facebook y de nuestra cuenta de Twitter, como también existirá un icono de Email para que los usuarios lo puedan contactar a su dirección de correo electrónico. Este truco de Blogger sirve para cualquier página web y blogs.

Widget de redes sociales para páginas web

Mire su demostración en el siguiente blog de demos

crear páginas web

Vamos a trabajar

1 Ir a Blogger

2 Un clic en “Diseño

Widget de redes sociales para páginas web

3 Abre un gadget “Añadir un gadget

Widget de redes sociales para páginas web

4 Busca el widget que dice “HTML/Javascript” y ábrelo

Widget de redes sociales para páginas web

5 Ingresa las siguientes líneas de código en su interior

<link href='https://dl.dropboxusercontent.com/s/jmkvkk6p7oif59v/redes.ayudadeblogger.css' rel='stylesheet'/>

<br />
<div class="container">
<span class="button fb"> 
            <a href="http://www.facebook.com/ayudadeblogger"><img alt="" src="http://png-1.findicons.com/files/icons/2052/social_network/32/facebook.png" />Me gusta</a> 
        </span> 
 
        <span class="button twit"> 
            <a href="http://www.twitter.com/ayudadeblogger"><img alt="" src="http://png-4.findicons.com/files/icons/2192/flavour_extended/48/twitter_standing.png" />Sígueme</a> 
        </span> 
 
        <span class="button mail"> 
            <a href="mailto:contactos@ayudadeblogger.com"><img alt="" src="http://png-1.findicons.com/files/icons/1696/once/48/mail.png" />Email</a> 
        </span> 
    </div>

Realiza estos cambios:

He marcado de color amarillo los lugares donde tendrán que realizar sus respectivos cambios

Cambia http://www.facebook.com/ayudadeblogger por la dirección URL de tu Fanpage de Facebook
Cambia http://www.twitter.com/ayudadeblogger  por la dirección URL de su cuenta de Twitter
Cambia contactos@ayudadeblogger.com por la dirección de su correo electrónico

Eso es todo, es momento de dar un clic en “Guardar”, ubica tu nuevo widget donde mejor te convenga

Widget de redes sociales para páginas web

Fácil verdad!

¿Necesitas ayuda?

Cualquier pregunta no duden en hacérmelo saber y de inmediato les responderé

Saludos

Enviar por correo
  1. Como hacemos para que los enlaces del widget se abran en otra pestaña sin que nuestros lectores tengan que salir del blog?

    ResponderEliminar

Discusión: