add

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
emailEnviar por correo

1 comentarios:

  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

person_pin Luis Chávez

group_work Fundador

contact_phone +593 994589032

email ayudadeblogger@gmail.com

Entradas populares

Youtube.com/ayudadeblogger

Suscríbete

Etiquetas

Adsense dispositivos moviles (2) Alojamiento web (12) Aplicaciones moviles (15) Backlinks (1) Breaking News para Blogger (3) Como (33) Como crear una pagina web gratis (8) Comprar Dominios (2) Comprar un Dominio en Godaddy (2) Configurar dominio de Godaddy en Blogger (1) Consejos de Blogs (33) Consejos de Trafico (12) Correo Dominio (3) Crear un Sitemap (6) Crear una Aplicacion gratis (2) Diseno Responsive (5) Diseño Web (7) En vivo (1) Entradas Populares (18) Enviar Sitemap a Bing y Yahoo (1) Error al analizar XML (5) Facebook trucos (10) Firefox (9) Formulario de contactos (3) Ganar Dinero (22) Google (11) Google Adsense (10) Google Plus (5) Guia de SEO (2) Herramientas Blogger (4) Herramientas para Webmasters (6) Iconos Font Awesome (1) Info Tech (1) La ética de los blogs (2) Laptops (2) Manual Blogger (11) Material Design Blogger (2) Medios de Comunicacion Social (39) Menu desplegable (20) Menu Responsive para Blogger (6) Mobile-friendly (9) Movil (12) Noticias (3) Optimizado para moviles (4) Plantillas Blogger (42) Plantillas Landing page para Blogger (3) Popout (6) Posicionamiento SEO (22) Publicidad (2) SEO Mobile (12) SEO para Moviles (14) Sitemap (1) Sitios web optimizados para moviles (3) Slider Carrusel (7) Slideshow (35) Smartphone (12) Social Media Marketing (1) Tácticas de Marketing (4) Tecnologia (12) Temas de invitados (2) Top Hosting (3) Trucos Blogger (40) Trucos CSS y HTML (11) Web Hosting (14) Widget Acordeón (3) Widget Tab Multiple (1) Widgets para Blogger (69) Widgets Suscripciones (9) Widgets y Plugins (6)

Formulario de contacto

Nombre

Correo electrónico *

Mensaje *

Seguidores

Comentarios