Blog Animando: Caja de suscripcion de Feed burner

Anuncios

Diseña tu mundo antonio100101 Animaciones Fihnecjovenes

Caja de suscripcion de Feed burner

Hemos encontrado un post en el cual nos ayuda a personalizar nuestra caja de suscripciones para darle una vista buena a tu blog y lo queremos compartir contigo.

  1. Primero consigue tu código de esta herramienta en FeedBurner, ingresa a tu cuenta y luego en la pestaña PublicizeSuscripciones por Email del menú de la izquierda. elige
  2. Ahora escoge tu idioma y copia el código.



Primero Nos vamos a Diseño >> Edicion HTML>>Buscamos ]]></b:skin>(para facilitar tu busqueda ctrl+F)


#rssbox {
margin: 10px 0 10px 0;
height:28px;
padding:10px;
width:200px;
float:center;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8eehAOUJTTlX-PpXtcb8iceO0gJtoReLPFP1p5VPRPzNqQxqTs88nAeLQ5UEDuM2TVSPzler3-BecbysfCX_6NS-uR-5lv3AwA8GIyujdJ10P7Jpy1J1ZbIL_-JDIJErBWLwO5O62-k4/) no-repeat;
border:0px solid #e4b5c5;
}

#rssbox p {
margin: 0;
font-size: 85%;
}

#rssboxsubmit {
margin: 14px 20px 10px 55px;
float: center;
background:#fff;
border: 1px eroded #da4b02;
font: bold 100% ;
color: #000;
height:20px;
}

.rssbox {
color: #ccc;
font-size: 100%;
}

Despues de haber pegado estos codigos vamos y habrimos un elemento/HTML JavaScript/ y pega lo siguiente:

 <div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span style=" white-space: pre-wrap;"></span></div>
<div id="rssbox">
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=NombredetuFeed', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<input class="rssbox" name="email" onfocus="if(this.value=='Ingresa tu correo...')this.value=''" style="height: 14px; margin-left: 34px; margin-top: 0px; width: 135px;" type="text/" value="Ingresa tu correo..." />
<input name="uri" type="hidden" value="
NombredetuFeed" /><input name="loc" type="hidden" value="es_ES" /><input id="rssboxsubmit" type="submit" value="Suscribir" /></form>
</div>

Listo ahora solo cambia lo que esta en color amarillo por tu Feed
sino sabes cuál es, haz click en Editar detalles del feed y copia la última palabra de Feed Adress.



Aqui te agregamos Un pack de imagenes Feed para que personalizes tu blog, simplemente da clic en descargar...




 Ejemplo del pack incluye 6 diferentes

No hay comentarios:

Publicar un comentario

Deja tu comentario