Widget caja de suscripciones para blogger
Los métodos de suscripciones para que
los usuarios se suscriban a las nuevas actualizaciones de su blog de blogger son
muy dispensables para cada blogger, obtener usuarios que se suscriban todos los
días a su blog de blogger, hace que su blog tenga mas trafico web y sobre todo
cuando lo recomiendan en las redes sociales. Disponer de buenas cajas de
suscripciones para blogger es lo que aprenderán en este grandioso tutorial de
blogger. No necesitan insertar el código dentro del editor HTML de su
plantilla. La inserción del código es muy fácil, solo tendrán que copiarlo en
un widget y realizar 5 cambios, con las direcciones URLs de sus redes sociales
y el nombre de su FeedBurner de suscripción. El widget caja de suscripciones
para blogger no le causara ningún problema al momento de insertarlo en su blog
de blogger, este widget funciona perfectamente en todos los navegadores web
como Firefox, Google Chrome, Internet Explorer, etc.
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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcE8s2M1Vfg4qI3OHZui5UnGN8uX9NnBSaxrJdoCqKvSVwa_LWBiNpDC6CFmp8qpuIT5WHmCUrF9eXQ6GEsMwkC5fdA2GoY2r4tMCrgP3FY2Yk1_IIj4P8thZ9eCUrPy_J3F6r1x09V74/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGNiKsP3Nl5A8DFyA-_yXeEszGh0WRHEVjKYj7CFQ2t2xxXhbWg7Si-3YSuwhge3EZdzgyy9FqE6ZB0-IBdyiSdU9b-zpgF1evNQ_dU-Ri5qeZgRHptQQIzSKfdHFFumP0LegewW_Xncs/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiW1IO8GCd13kZ78rQ20rX8l3CM_tWtLCx0VDuGWXBsbE7U44vWypvKbf25olC2R9vuyNhECOEmcmPoY037eW1M-A4vnWsrL5nx0KZwMLVhVrQ4OLl8oLH5jOnMtB_BHdvnkm2zYcdzSiA/s1600/ayudadeblogger+facebook.PNG"
/></a> <a
class="social-icons" href="https://www.twitter.com/ayudadeblogger"target="_blank"><img
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8dj1RtwGmjaCW9AcOFjFg_5Zr79mVoeZSl4MWuxj_QJBBQBROU03pKIsVmdvJDNRH0dk2IcuGp9vsYBXr40wWgVH1C9svXLRmgnCL2ZBNIxbjc0gK3cRDqymVqZ0qv1YP31uPxKZS43Y/s1600/ayudadeblogger+twitter.PNG"
/></a> <a
class="social-icons" href="https://plus.google.com/114283163993086871162"target="_blank"><img
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1LsfAK8hV2TNA5ltD1He6OlDQkSb0xh5IHX9lQn6vEZxRO68Tga08bnS12uJs9hz9R9D56Z2WJkA8t9VTC9hDmSJU-Bvx17QyzD6o-iCUzAj3V1iaDCwNh_dVfr1JnVwZK3xCbIvsBHE/s1600/ayudadeblogger+google.PNG"
/></a> <a
class="social-icons" href="http://feeds.feedburner.com/ForoAyudaDeBlogger"target="_blank"><img
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJ0jnFeFXxdu3JgSZb7Dks5QbaE0JkIet_EIZUZkLVRwja7LEsmaGAsOa-evdA8NyG4Jpuj05wgqJEB3VxhOxpKzPWBTYJ2ol7mVuQXDf5yrfhlWHIV8YCDdgKsOHNZQZRfzM3aUhWHrg/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
3 comentarios: