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.
Mire su demostración en el siguiente blog de demos
Vamos a trabajar
1 Ir a Blogger
2 Un clic en “Diseño”
3 Abre un gadget “Añadir un gadget”
4 Busca el widget que dice “HTML/Javascript”
y ábrelo
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
Fácil verdad!
¿Necesitas ayuda?
Cualquier pregunta no duden en hacérmelo
saber y de inmediato les responderé
Saludos
Recuerda suscribirte:
Obtenga nuestro boletín de noticias diario | Suscríbete gratuitamente SUSCRIBIRSE
Como hacemos para que los enlaces del widget se abran en otra pestaña sin que nuestros lectores tengan que salir del blog?
ResponderEliminar