add

Widget de redes sociales para blogger


Las redes sociales son muy dispensables para todos los blogs y paginas web, compartir sus artículos en las redes sociales y conseguir seguidores es el mejor método para darse  conocer en el mundo del internet. Ayudadeblogger.com les presenta un nuevo widget de redes sociales para blogger, la incrustación del código es muy fácil de realizarlo, no necesitaran introducir el código en el editor HTML de su plantilla, solo tendrán que copiar un código y ponerlo en un widget y ubicarlo donde mejor les parezca. Este widget de redes sociales funciona en todos los navegadores web como Firefox, Google Chrome, Internet Explorer, Etc. Tendrán que realizar 4 cambios en el código, el widget de redes sociales para blogger mostrara las imágenes de Facebook, Twitter, Google + y RSS para su suscripción.

Widget de redes sociales para blogger

Si necesitan ver otros widgets para blogger, les dejo algunos enlaces que he publicado


A continuación mire su demostración en mi blog de demos, el widget esta ubicado en el sidebar de la derecha y tiene como nombre “Widget de redes sociales para blogger


Les gusto verdad!

Vamos a trabajar

1 Ir a blogger

2 Da un clic en “Diseño

Widget de redes sociales para blogger

3 Abre un gadget “Añadir un gadget

Widget de redes sociales para blogger

4 Busca el widget que tiene como nombre “HTML/Javascript

Widget de redes sociales para blogger

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

<style>  #WG-social {  width:305px;  float:left;  margin-top:10px;  }    #WG-social li {  position:relative;  cursor:pointer;  padding:0!important;  }    #WG-social .fb,.tw,.gp,.fd {  position:relative;  -moz-transition:all .4s ease-in-out;  -webkit-transition:all .4s ease-in-out;  -o-transition:all .4s ease-in-out;  transition:all .4s ease-in-out;  z-index:5;  display:block;  float:left;  margin:1px;  }    #WG-social .fb {  width:150px;  height:152px;  background:url(//goo.gl/6xmUk) no-repeat center center #3b5998;  }    #WG-social .tw {  width:150px;  height:74px;  background:url(//goo.gl/oyiFK) no-repeat center center #3b5998;  }    #WG-social .gp {  width:150px;  height:74px;  background:url(//goo.gl/oT0kF) no-repeat center center #3b5998;  }      #WG-social .fd {  width:302px;  height:74px;  background:url(//goo.gl/ncoLY) no-repeat center center #3b5998;  }    #WG-social li:hover .fb {  -moz-transition:all .1s ease-in-out;  -webkit-transition:all .1s ease-in-out;  background:url(//goo.gl/MH8AP) no-repeat center center #3468b6;  }    #WG-social li:hover .tw {  background:url(//goo.gl/hHRHv) no-repeat center center #4099ff;  -moz-transition:all .1s ease-in-out;  -webkit-transition:all .1s ease-in-out;  }    #WG-social li:hover .gp {  background:url(//goo.gl/wva4B) no-repeat center center #e44524;  -moz-transition:all .1s ease-in-out;  -webkit-transition:all .1s ease-in-out;  }    #WG-social li:hover .fd {  background:url(//goo.gl/JFGqn) no-repeat center center #f60;  -moz-transition:all .1s ease-in-out;  -webkit-transition:all .1s ease-in-out;  }  </style>    <div class="WG" id="WG">  <ul id="WG-social">  <br/><a href='http://www.ayudadeblogger.com/'></a>  <li><a class="fb" href="http://www.facebook.com/pages/Ayuda-de-Blogger/140889692709017" target="_blank"></a></li>  <li><a class="tw" href="https://www.twitter.com/ayudadeblogger"target="_blank"></a></li>  <li><a class="gp" href="http://plus.google.com/114283163993086871162"target="_blank"></a></li>  <li> <a class="fd" href="http://feeds.feedburner.com/ForoAyudaDeBlogger"target="_blank"></a></li>  </ul>  </div>  <br/><a href='http://www.ayudadeblogger.com/'></a>

Realiza estos cambios:

He marcado de color azul las URLs en las cuales tendrán que remplazarlas por las URLs de sus redes sociales, realiza los cambios en todas.

Eso es todo, ahora dale un clic en “Guardar”, ubica tu nuevo widget de redes sociales donde tú quieras.

Fácil verdad!

¿Necesitas ayuda?

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

Saludos.

0 comentarios:

Publicar un comentario en la entrada

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 (32) 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 (10) 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