add

Widgets para Blogger – Widget de suscripciones


En este nuevo tutorial para Blogger aprenderán a insertar un código en un widget con el cual les mostrara tres métodos de suscripción sociales, el primer método sirve para que se suscriban a su FeedBurner y así obtener más usuarios que se suscriban por medio de su RSS, además tendrán dos métodos de suscripción de las redes sociales como Facebook y Twitter, con los cuales los usuarios que visitan sus blogs podrán suscribirse y seguirlos por medio de estas redes. Este widget de suscripciones funciona perfectamente en todos los navegadores web. La inserción del código es muy fácil de realizarlo, no les causara ningún daño a la estructura de su blog ni tampoco le afectara la carga de su blog.

Widgets para Blogger – Widget de suscripciones

Si necesitan obtener más métodos de suscripciones, les dejo algunos post que publique anteriormente


A continuación mire su demostración en mi blog  de demos


Les gusto verdad!

Vamos a trabajar

1 Ir a Blogger

2 Un clic en “Diseño


3 Abre un gadget “Añadir un gadget

Widgets para Blogger – Widget de suscripciones

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


5 Inserta el siguiente código en su interior

<style>
.social-connect-widget{background:#D7D7D7;border:1px solid #E7E6DE;padding:10px; border-radius:5px; -moz-border-radius:5px;
-webkit-transition:all .6s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition-duration:all .6s ease-in-out;transition:all .3s ease-in-out;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.social-connect-widget:hover{border:1px solid #CBCBC2;background:#FFFEF9;
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, .3);
-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, .3);
box-shadow: 0px 0px 10px rgba(0, 0, 0, .3);}
.social-connect-widget a{text-decoration:none;font-weight:bold;font-size:14px;font-family:Arial,Helvetica,Sans-serif;color:#4B4D4E}
.social-connect-widget a:hover{text-decoration:underline;color:#F77C04}
.social-connect-widget img{vertical-align:middle;margin-right:5px;height:32px;width:32;}
</style>
<div class='social-connect-widget' style='margin-top:0px;margin-bottom:10px;'>
<a href='http://feeds.feedburner.com/ForoAyudaDeBlogger'><img alt='RSS Feed' src="http://3.bp.blogspot.com/-hEgZHK7jgaU/TzwJGEghh9I/AAAAAAAAAf4/GgLBaLyxAAc/s1600/rss.png"/></a><a href='http://feeds.feedburner.com/ForoAyudaDeBlogger'>Suscríbete a nuestro RSS</a>
</div>
<div class='social-connect-widget' style='margin-bottom:10px;'>
<a href='http://twitter.com/ayudadeblogger'><img alt='Síguenos en Twitter!' src="http://1.bp.blogspot.com/-w3rrG7CcZOg/TzwJGr77q-I/AAAAAAAAAgA/uFsohpve_Tc/s1600/twitter.png" title='Síguenos en Twitter!'/></a><a href='http://twitter.com/ayudadeblogger'>Síguenos en Twitter!</a>
</div>
<div class='social-connect-widget' style='margin-bottom:10px;'>
<a href='http://www.facebook.com/pages/Ayuda-de-Blogger/140889692709017'><img alt='Síguenos!' src="http://2.bp.blogspot.com/-wv3o68M5bGk/TzwJFto27GI/AAAAAAAAAf0/Grrv9oHANiw/s1600/facebook.png' title="Hazte Fan"/></a><a href='http://www.facebook.com/pages/Ayuda-de-Blogger/140889692709017'>Síguenos en Facebook!</a>
</div>

Realiza estos cambios:

Cambia todas las URLs que están marcadas de color azul, por las URls pertenecientes a tus redes sociales y de tu FeedBurner.

Si gustan pueden cambiar los nombres que están marcados de color rojo, por las palabras que ustedes quieran.

Eso es todo, es momento de dar un clic en “Guardar” y ubica tu nuevo widget de suscripción donde tú quieras.

Fácil verdad!

Recuerda suscribirte y así recibirás mis nuevas actualizaciones directamente en tu correo electrónico

¿Necesitas ayuda?

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

Saludos

emailEnviar por correo

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 (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