Tutorial: Visitas de calidad teniendo suscriptores del Feed de tu blog con FeedBurner

ericks10 dijo:

Pensé que el tutorial era para blogger :/
andree1 Como podria hacer el diseño para Blogger, y que no me quede solo asi:

Ver el archivo adjunto 32582

Hacer clic para expandir...

gerardoMx dijo:

eltuto sirve perfectamente para blogger tambien

el codigo html del form lo pegas como un nuevo widget y el codigo de estilos lo pegas en tu plantilla ANTES DE LA ETIQUETA

Insertar CODE, HTML o PHP:

 [B]]=]=></b:skin> [/B]

si necesitas mas detalles solo hazmelo saber 🙂

Hacer clic para expandir...

AprenderInformatica dijo:

Lamentablemente Google ha dejado bastante abandonado este servicio, hace algún tiempo se comenta que quizás sea otro de sus proyectos que cierren.

De todos modos está bien para comenzar y siempre se pueden exportar los datos.

Hacer clic para expandir...

Eliop dijo:

andree1
Amigo, ¿No se le puede sombrear, me refiero ponerle un color? Lo digo, porque no se ve muy bien, la gente podría pasarle de lago jeje, pero si esta sombreado con un color como el que publicaron más atrás, sería más llamativo.
Saludos.

Hacer clic para expandir...

gerardoMx dijo:

Te refieres a este?
Ver el archivo adjunto 32643
aqui te dejo los css,juega con ellos para que obtengas algo a tu gusto

Insertar CODE, HTML o PHP:

/* feed burner. */
#ba-suscripcion input{
 border:medium none;
 border-radius:5px 5px 5px 5px;
 box-shadow:0 0 5px #c2c2c2 inset;
 color:#fff00;
 font-family:arial;font-size:14px;margin-bottom:25px;
 padding:15px;
 width:280px
}
#ba-suscripcion .submit{
 background:none repeat scroll 0 0 #E8550B;
 border-radius:5px 5px 5px 5px;
 box-shadow:0 1px 2px #b6b6b6;
 color:#FFF;
 cursor:pointer;
 font-weight:100;
 margin:0 auto;width:180px;
 -webkit-transition:all .3s ease-out;
 -o-transition:all .3s ease-out;
 -moz-transition:all .3s ease-out;
 -ms-transition:all .3s ease-out;transition:all .3s ease-out
}
#ba-suscripcion .submit:hover{color:#fff;opacity:.8;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;transition:all .3s ease-out}
#ba-suscripcion .submit:active{background:#000;-webkit-transition:all .1s ease-out;-o-transition:all .1s ease-out;-moz-transition:all .1s ease-out;-ms-transition:all .1s ease-out;transition:all .1s ease-out}
pre { white-space: pre-wrap ; white-space: -moz-pre-wrap ; white-space: -o-pre-wrap ;word-wrap: break-word;line-height:19px;max-height:500px;width: 500px;box-shadow:0 0 1px #CCC;overflow-x:auto;}


/* entradas etiqueta h2. */

para hacer referencia al css tienes que envolver el codigo del form con un DIV

Insertar CODE, HTML o PHP:

<div id="ba-suscripcion">aqui el codigo de feedburner</div>

Hacer clic para expandir...

gerardoMx dijo:

eltuto sirve perfectamente para blogger tambien

el codigo html del form lo pegas como un nuevo widget y el codigo de estilos lo pegas en tu plantilla ANTES DE LA ETIQUETA

Insertar CODE, HTML o PHP:

 [B]]=]=></b:skin> [/B]

si necesitas mas detalles solo hazmelo saber 🙂

Hacer clic para expandir...