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.
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”
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
Recuerda suscribirte:
Obtenga nuestro boletín de noticias diario | Suscríbete gratuitamente SUSCRIBIRSE
0 comments:
Publicar un comentario