Widget caja de suscripciones para blogger
Anteriormente di a conocer algunos
widgets de suscripciones para blogger de los cuales les dejo los enlaces
- Crear un widget de suscripciones para mi blog de blogger
- Widget de suscripciones para blogger
- Widget de suscripciones para mi blog blogger
- Widget para blogger – 3 atractivos widgets de suscripciones 3D
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 caja de suscripciones para blogger”
Te gusto!
Vamos a trabajar
1 Ir a blogger
2 Da un clic en “Diseño”
3 Abre un gadget “Añadir un gadget”
4 Busca el widget que dice “HTML/Javascript”
5 Ábrelo he inserta las siguiente líneas
de código en su interior
<style> #R91481-WG { width:300px; border:1px solid #aaa; border-radius:3px; padding:3px 0; }
.R91481-WG-wrapper {
background:url(http://2.bp.blogspot.com/-Y3hbgki8hXE/UXZE9IlUi4I/AAAAAAAAAgI/gIGB-L-HKHo/s1600/background.png)
repeat scroll 0 0 #f7f7f7; color:#111; font-size:14px; line-height:20px; text-align:center; text-transform:uppercase; padding:1px 20px 10px; }
.R91481-WG-form {
clear:both; display:block; margin:10px 0; }
form.R91481-WG-form {
clear:both; display:block; width:auto;
margin:10px 0 0; } .R91481-WG-email-field { -moz-border-radius:4px; -webkit-border-radius:4px; background:#fff
url(http://3.bp.blogspot.com/-DfHJzP9Mlh4/UXZE9ONhVnI/AAAAAAAAAgM/5xtMqb9biR4/s1600/icons.png)
no-repeat 0 -27px; border:1px solid
#ccc; border-radius:4px; color:#444;
width:68%; margin:0 0
15px; padding:10px 40px; }
.R91481-WG-email-button {
background:#09f; border:1px
solid #007fff; box-shadow:0 1px 0
rgba(255,255,255,0.3) inset, 0 1px 0 transparent; color:#fff;
cursor:pointer;
font-family:verdana; font-weight:700; text-shadow:1px 1px 0 rgba(0,0,0,.4); text-transform:uppercase; width:100%;
padding:10px; }
.R91481-WG-email-button:hover,.R91481-WG-email-button:focus { background:#1ca4ff; }
.R91481-WG-email-button:active {
-moz-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset; -webkit-box-shadow:0 1px 4px
rgba(0,0,0,0.5) inset; box-shadow:0
1px 4px rgba(0,0,0,0.5) inset;
outline:0; } iframe,object,embed,.yt-border
iframe,.yt-border object,.yt-border embed,table { width:100%;
} embed { border-radius:3px; -moz-box-shadow:0 2px 4px
rgba(0,0,0,0.2); -webkit-box-shadow:0
2px 4px rgba(0,0,0,0.2);
background:#FFF; border:1px
solid #ddd; box-shadow:0 2px 4px
rgba(0,0,0,0.2); margin:0; padding:4px; }
#footer-section {
border-top:1px solid #aaa;
box-shadow:inset 0 4px 6px -3px #aaa;
font-family:cambria;
font-size:14px; height:100px; text-align:center; width:100%;
margin:10px -30px 5px;
padding:0 30px; } a.social-icons { margin-right:5px; height:45px; width:45px;
} a.social-icons:hover { opacity:.7;
filter:alpha(opacity=70);
} </style> <div id="R91481-WG"> <div
class="R91481-WG-wrapper">
<br/><a href='http://www.ayudadeblogger.com/'></a> <a class="social-icons"
href="http://www.facebook.com/pages/Ayuda-de-Blogger/140889692709017"target="_blank"><img
src="http://1.bp.blogspot.com/-FUGhJDJFMxM/Uf2Vk0zk3LI/AAAAAAAAEKU/77X8o9Dqs1A/s1600/ayudadeblogger+facebook.PNG"
/></a> <a
class="social-icons" href="https://www.twitter.com/ayudadeblogger"target="_blank"><img
src="http://3.bp.blogspot.com/-_Dt10W9ppyw/Uf2VoaCJ8hI/AAAAAAAAEKc/f53yxXBXqWk/s1600/ayudadeblogger+twitter.PNG"
/></a> <a
class="social-icons" href="https://plus.google.com/114283163993086871162"target="_blank"><img
src="http://4.bp.blogspot.com/-nRdvGT1jEQ0/Uf2VsGdkBxI/AAAAAAAAEKk/YxhCpcQ9vWk/s1600/ayudadeblogger+google.PNG"
/></a> <a
class="social-icons" href="http://feeds.feedburner.com/ForoAyudaDeBlogger"target="_blank"><img
src="http://2.bp.blogspot.com/-cXwLqG6omWc/Uf2VwS5KTfI/AAAAAAAAEKs/B_Zgx6CdqAA/s1600/ayudadeblogger+rss.PNG"
/></a> <font
face="verdana"><p><b>Recibe mis actualizaciones en tu correo</b>
</p></font> <div
class="R91481-WG-form"><form
action="http://feedburner.google.com/fb/a/mailverify?uri=ForoAyudaDeBlogger"
class="R91481-WG-form" method="post"
onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=ForoAyudaDeBlogger',
'popupwindow', 'scrollbars=yes,width=550,height=520');return true"
target="popupwindow"><input name="uri"
type="hidden" value="ForoAyudaDeBlogger" /> <input name="loc"
type="hidden" value="es_ES" /><input
class="R91481-WG-email-field" name="email"
autocomplete="off" placeholder=" Ingrese su E-Mail "/> <input
class="R91481-WG-email-button" title=""
type="submit" value="Suscribete ahora"
/></form> </div><a
href='http://www.ayudadeblogger.com/'></a></div></div>
|
Realiza estos cambios:
He marcado de dos diferente colores, en
los puntos en donde deberán cambiar sus URLs.
Borra la URL http://www.facebook.com/pages/Ayuda-de-Blogger/140889692709017
y pon la URL de su Facebook
Borra la URL https://www.twitter.com/ayudadeblogger"
y pon la URL de su Twitter
Borra la URL https://plus.google.com/114283163993086871162
y pon la URL de su Google +
Borra la URL http://feeds.feedburner.com/ForoAyudaDeBlogger
y pon la URL de su FeedBurner
Ahora hay tres nombres marcados de color
rojo ForoAyudaDeBlogger,
tendrás que borrarlos a todos y poner ahí el nombre perteneciente de tu
Feedburner de suscripción.
Eso es todo, ahora dale un clic en “Guardar”
y ubica tu widget de suscripciones donde mejor te parezca.
Felicidades has hecho un buen trabajo
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
Hola por favor me puedes ayudar no me aparece ningun suscriptor en mis feeds y tres amigas se han suscripto y confirmado en el correo de ellos las suscripciones, me interesa saber quienes estan suscriptos a mi feeds para enviarles un detalle ya entre aqui http://feedburner.google.com/fb/a/myfeeds y me aparece cero suscriptores que pasara?
ResponderEliminarque son las letras verdes
ResponderEliminarEl texto que quieres que aparezca lo pueded cambiar a tu gusto ejemplo SUSCRIBETE, MANTENTE INFORMADO etc etc
Eliminar