Aviso flotante de suscripción al blog

22 de abril de 2010 195 comentarios ,
La otra vez vimos cómo poner un anuncio flotante que baja con la página el cual se usa con frecuencia para poner un aviso en el blog, pero también podemos darle otro uso y sacarle provecho para aumentar las suscripciones al feed.

Es decir, vamos a poner un aviso flotante de suscripción al blog de forma que cuando baje la página también baje la caja de suscripción.
Puedes ver un ejemplo en este blog de pruebas, y de paso puedes suscribirte ahí a este blog

Para ponerlo en tu blog primero debes tener activada la opción de suscripción por email en Feedburner. Si no lo has hecho entra a tu cuenta de Feedburner, haz click sobre el nombre de tu blog y luego click en la pestaña Publicize.

publicize feedburner
Ahora haz click en el enlace Suscripciones por Email que se encuentra en el menú lateral izquierdo.
A continuación haz click en el botón Activar y estará habilitada la función de suscripción por correo.

Ahora dentro de Blogger entra en Diseño > Edición de HTML y pega antes de </head> lo siguiente:
<style type='text/css'>
#anuncio {
position:absolute;
padding: 2px;
padding-top: 15px;
width: 280px; /* ancho del anuncio */
visibility: hidden;
z-index: 200;
top: 30px;
left: 30px;
}
#rss-mail {
/* color e imagen de fondo */
background: #FFFFFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHRrJiSrgF01GpojM7a52juxeFS6DFWO6OSK972cH6bsnhO1fR5hkTwLEn6CuNVJvw6etjJtPB6Q1wgwFofFL5yOut8hOYrR62BGa1z-y7l8euQzDfOpl_yn_1dgh252NYTmOX_hfHGVk/s320/pattern_blk_point.png);
border:2px solid #FF8000; /* borde */
height:70px; /* alto de la caja */
}
#rss-mail span {
color:#FFFFFF; /* color del texto */
font-size:12px;
font-weight:bold;
line-height:30px;
}
#rss-submit {
background:#FF8000; /* color del botón */
border:0px;
}
.rss-box {
height:13px;
margin-top:10px;
color:#6E6E6E;
font-size:12px;
width:135px;
}
</style>

<script type='text/javascript'>
//<![CDATA[
var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
var startX = 30 //set x offset of bar in pixels
var startY = 15 //set y offset of bar in pixels
var verticalpos="fromtop" //enter "fromtop" or "frombottom"

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}

function closebar(){
if (persistclose)
document.cookie="remainclosed=1"
document.getElementById("anuncio").style.visibility="hidden"
}

function staticbar(){
barheight=document.getElementById("anuncio").offsetHeight
var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
var d = document;
function ml(id){
var el=d.getElementById(id);
if (!persistclose || persistclose && get_cookie("remainclosed")=="")
el.style.visibility="visible"
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopLeft=function(){
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : iecompattest().scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else{
var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopLeft()", 10);
}
ftlObj = ml("anuncio");
stayTopLeft();
}
if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
//]]>
</script>

Luego busca la etiqueta </body> y antes de ella pega esto:
<div id='anuncio'>
<div id='rss-mail'>
<a href='Javascript:void' onClick='closebar(); return false'><img align='right' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6_W1ayWDFF4R_AEIxqdCLqENIXvMTji3xd4ln85XMMuTtLU2-xi4vQOzbF7RnibAWEEg-tOFI0SVsIbK03jJn6vo8Pj9oIi532wocQG3zwBH3_gWXixrARlsXzQKIXqgaEI5Tw3A1O0Y/s320/cerrar.png'/></a>

<span>Recibe las actualizaciones directo a tu correo</span><br/>

<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNYl4dLs6ADkaHNnu8YI83PbH7UfSXmdqZydh9Nfw16_SEL1CE-dc2yPNUeANZtfDpWKzvYvOLbmmuOXgrmIzEXeGcwX9BGYrft-6LgphEEVw_g9ZS633QulXvP7R99OO_SrePA3MXp6c/s1600/rss-icono.png' style='padding:5px; float:left;'/>
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=miblog&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
<input name='email' type='text/'/>
<input name='uri' type='hidden' value='miblog'/><input name='loc' type='hidden' value='es_ES'/><input id='rss-submit' type='submit' value='Suscribir'/></form></div></div>

Ahora sólo cambia lo que está en color rojo por el nombre de tu feed, por ejemplo, la URL de tu feed de Feedburner es algo como esto:
http://feeds.feedburner.com/miblog

El nombre de tu feed es lo que está en rojo, tal cual, sin espacios; así es como deberás ponerlo en el código donde se indica.
Lo que está en color azul puedes cambiarlo por otro texto, te recomiendo que no sea un texto muy largo.

En el primer código puedes personalizar la apariencia de la caja de suscripción, puedes guiarte por las anotaciones en color verde para saber a qué corresponde cada cosa.

De esta forma tendrás la posibilidad de conseguir más suscripciones a tu feed de una forma muy llamativa, además que la caja de suscripción puede cerrarse haciendo click en el ícono de cerrar.


195 comentarios en:

" Aviso flotante de suscripción al blog "

  1. Hola potro...
    El truco esta bueno para promover las suscripciones, pero tiene el siguiente problema: cuando deseo cerrar la caja de suscripcion y paso a otra entrada, me sale otra vez la caja.
    Revisa a ver si eso pasa, o es problema mio.
    Bye

    ResponderEliminar
  2. No es un error, lo que sucede es que la caja es un elemento más de la plantilla, si pasas a otra entrada vuelven a cargar todos los elementos de la página, incluyendo la caja.

    Lo que puedes hacer es visitar esta entrada de Oloblogger para saber cómo agregar cookies, de ese modo podrías hacer que el aviso sólo aparezca una vez.

    ResponderEliminar
  3. Completo, el script ya tiene incluido el código para leer la cookie, sólo habría que agregar los demás elementos que graban y borran las cookies.

    ResponderEliminar
    Respuestas
    1. Saludos Potro,

      He insertado esta herramienta en mi pequeño blog personal, pero todavía me sigue apareciendo el flotante en cada entrada, es decir, cierro y cuando visito otra entrada o recargo la página vuelve a aparecer. ¿cómo solucionarlo?

      Agradezco tu orientación. Felicidades

      Lion
      www.bitacolion.blogspot.com

      Eliminar
  4. huyy que copado estoo, genial protro, te mando un abrazo grande

    ResponderEliminar
  5. Muy buena idea!
    Gracias Potro.

    Ahhh, Porqué cambiaste tu logo?

    Saludos.
    Jpz.-

    ResponderEliminar
  6. Alejandro, otro abrazo para ti :)

    Jpz, sólo es para celebrar el día de la Tierra :)

    ResponderEliminar
  7. Hola Potro
    Disculpa que me meta en tu entrada, yo la tenia pendiente para hacerla igual.
    Pero no lo he echo ya que este código de suscripción tiene un error que solo sale con internet explorer, el cual no he podido solucionar.

    Lo que si te comento es que para activar los cookies y solo se muestre una vez se debe cambiar el 0 por el 1 en var persistclose=0

    Y sugereria que se encierre entre <b:if cond='data:blog.url == data:blog.homepageUrl'>
    y
    </b:if> para que solo se muestre en la página principal

    ResponderEliminar
    Respuestas
    1. Leyendo los comentarios logro dar con tu aporte Vku, te lo agradezco.

      Igualmente al potro por permitir este espacio, son los mejores.

      Lion
      www.bitacolion.blogspot.com

      Eliminar
    2. Gracias Vku.. esa es la solución!!
      Potro, una entrada excelente!!
      Un saludo!!

      Eliminar
  8. hola potro buen dia
    me encanto la idea de la caja flotante i lo hise todo como lo narraste pero este es el resultado
    http://blogtextodiario.blogspot.com/
    al clikear me sale "The feed does not have subscriptions by email enabled
    "
    si puedes darme una ayudadita te lo agradeseria te dejo in link para que descargues el codigo: http://docs.google.com/View?id=dhmsgx58_144fbdvbknf
    saludos y te cuento que promociono tus entradas en twitter @isaias_romero

    ResponderEliminar
  9. Hola Vku,

    Fíjate que a mí nunca me ha funcionado la cookie cuando le cambio de 0 a 1, supongo que debe agregarse el código para grabar la cookie, pero sobre ese tema no sé mucho (por no decir que nada)

    El problema con la condicional es que quien llegue al blog directamente a una entrada no verá el anuncio y perderemos la oportunidad de que se suscriba.

    En Internet Explorer 8 no me presenta ningún error ¿con cuál versión lo has probado?

    Un saludo y puedes meterte a las entradas cuando quieras, siempre es un gusto leerte por acá ;)

    ResponderEliminar
  10. Muy bueno... trataré de colocarlo en mi blog... me costará pero trataré, jejeje XD

    ResponderEliminar
  11. Hola Isaias Romero,

    Ese mensaje indica que no has activado aun la suscripción por email. Sigue los primeros pasos que se indican en la entrada para activar esa opción de Feedburner.

    Saludos!

    ResponderEliminar
  12. bueno si esta activada pues ahi ya esta el gaddet html de suscriccion en el blog y funciona perfedtamente!
    saludos y vere que puedo haser

    ResponderEliminar
  13. Hola Joaco,

    Aún no me familiarizo con tu nuevo nick, jeje.
    No creo que te cueste tanto trabajo, ya le sabes muy bien a esto de los códigos ;)

    ResponderEliminar
  14. Hola Isaias Romero,

    Es que no cambiaste lo que está en color rojo, donde dice miblog, ahí debes agregar el nombre de tu feed que te proporciona Feedburner.

    Te sugiero que pegues de nuevo los códigos, porque ahí veo que aparecieron unos caracteres que no deberían ir.

    Saludos.

    ResponderEliminar
  15. Muy bien, lo agrege a mi blog, pero como lo ago para poner el anuncio en la parte de abajo izquerda, Saludos men


    http://www.carlitocomparte.blogspot.com/

    ResponderEliminar
  16. Potro una consulta, mira como me quedo... el logo Blogger me queda un poco afuera, que parte tendria que modificar para que se vea bien?
    Saludos

    ResponderEliminar
  17. Mi Pagina es www.porvelez.com.ar para que te fijes que me quedio medio mal

    Obviamente te agradesco Potro!

    ResponderEliminar
  18. Verdad que hoy es el día del planeta tierra...
    El Potro siempre preocupado de los "detalles".

    Saludos.
    Jpz.-

    ResponderEliminar
  19. Hola potro
    Tienes razon si se le pone la condicional y el visitante entra directo a una entrada esto no se veria.

    Lo que te debe pasar es que tal vez tengas configurado que al cerrar borre todos los cookies por eso no te funciona lo de o por 1, no se me imagino que debe ser eso.

    El error lo veo en internet explorer 7 y 8, yo pruebo en ambos los códigos y a veces hasta en el 6 (solo yo jajaja)

    No se si solo a mi me pasa, espero que alguien mas comente.

    igualmente ya solucione ese error si quieres te paso el código pero esperemos que sea solo a mi lo del error.

    si se quiere cambiar

    var persistclose = 0 //elija 0 o 1. 1- una vez que la barra se cierra manualmente,no aparecera mas.
    var startX = 30 //distancia x
    var startY = 15 //distancia y
    var verticalpos = "frombottom" //cambiar por top o bottom
    el.sP=function(x,y){this.style.right=x+"px";this.style.top=y+"px";};//cambiar por right o left

    ResponderEliminar
  20. Definivamente me gusta este sistema de colocar la caja de suscripcion, lo que pasa es que no estoy muy familiarizado con eso de los cookies y la verdad me pierdo un poco.

    ResponderEliminar
  21. Hola MCarlitooH2,

    En el primer código busca donde dice var verticalpos="fromtop" y cámbialo por var verticalpos="frombottom"

    De esa forma aparecerá en la parte de abajo del blog.
    ¡Saludos!

    ResponderEliminar
  22. Hola Coloush +16,

    Busca en el primer código donde dice /* alto de la caja */
    ahí pon un número más alto hasta que se ajuste a la medida que deseas.

    Saludos.

    ResponderEliminar
  23. Hola Jpz,

    Más bien diría que a veces me gana el ocio :D

    ResponderEliminar
  24. Hola Vku,

    Pues según mi configuración sólo se borran las cookies manualmente, quizá es mi equipo, no lo sé :S

    ¿Cuál era el problema que se te presentaba en IE?
    En la entrada anterior del aviso nadie comentó que tuviera un conflicto con IE, pero ya sabes cómo es de caprichoso ese navegador.

    Saludos.

    ResponderEliminar
  25. Hola Robinson Char,

    Estamos igual porque tampoco manejo muy bien el tema, ¿por qué no intentas lo que sugiere Vku en el comentario #7?
    A mí no me funciona, pero posiblemente tú tengas mejor suerte.

    Saludos.

    ResponderEliminar
  26. Hola Potro,

    Grande esta genial la idea y sobre todo super util para conseguir lectores en nuestro blog (que es lo más importante). Esta misma noche lo aplico. Ahora aprovecho la oportunidad para preguntarte algo a ver si tienes info al respecto. Son dos cosas que tienen que ver con este tema: el primero es si sabes como poner (algo parecido a esto que mencionas en la entrada) pero cuando las personas le da a la x para cerrar la ventana y cuando hacen esto les sale una caja para que se suscriban??? y la segunda es que ahora he visto en varios blogs que cuando entras de repente segudos despues se abre una especie de barra horizontal en la parte inferior del blog, donde sale igualmente una caja para suscripciones???

    Bueno hay dejo eso a ver que tal, pero mientras me respondes o averiguamos sobre estos dos puntos, voy aplicando este truco que esta finisimo!!!

    Gracias por tus aportes!!!

    Un abrazo!!!

    ResponderEliminar
  27. Potro, ¿es posible usar iframes para las entradas y asi no tener q cargar toda la pagina cada vez q se presiona un boton?, eso me gustaria para q tuviera apariencia de web site.

    ResponderEliminar
  28. Giancarlo, no he entendido bien, en sí el aviso ya trae la caja de suscripción, me parece que es mejor de esa forma, pues como lector es muy molesto que quieras cerrar algo y en lugar de eso te abra otra ventana (o caja como en este caso). Lo segundo no sé a cuál te refieres ¿me podrías dar un ejemplo?

    Jose L. Davalos - Firefawx, ya te he respondido la pregunta en esta entrada.

    ResponderEliminar
  29. Potro el error que sale no es de la caja, esta en el popup, pero ya lo solucione y ahora no sale mas.

    pero todos tenemos distinta configuración en el navegador.

    tal ves sea del mio

    igualmente yo soy de firefox

    ResponderEliminar
  30. Yo uso Chrome, pero igual probé lo de la cookie en Firefox y nada :(
    A ver si alguien más que lo intenta nos dice si le funciona.

    ¡Saludos!

    ResponderEliminar
  31. El Potro, ami me anda de 10, pero probe de ajustar los tamaños pero el alto crece para arriba, eso debe ser error de la posicion del logo y el borde no se ve tampoco.
    Te recuerdo: www.porvelez.com.ar

    Saludos!

    ResponderEliminar
  32. Hola Coloush +16,

    Creo que el problema está en que la imagen que pusiste de fondo no se está repitiendo y no llena todo el contenedor.
    Te sugiero que elimines esa imagen, y en su lugar uses sólo el código del color, ya que tu imagen sólo es un color.
    Es decir, que quede de esta forma:

    background: #000066;

    Ese código que puse es el código del color que tienes actualmente como fondo del blog.

    Saludos.

    ResponderEliminar
  33. Por cierto, el borde no se ve porque es el mimo color que el que tienes como imagen de fondo, por eso no se distingue.

    ResponderEliminar
  34. Ya lo arregle Potro, gracias de verdad!

    ResponderEliminar
  35. madmike, gracias, fue por el día de la Tierra :)

    Coloush +16, qué bueno que ya se solucionó ;)

    ResponderEliminar
  36. Hola potro
    Estuve aplicando este truco a mi blog de pruebas y me funciono. La explicación que da Vku en el comentario 19 esta perfecto. Si funciona.
    Bye.

    ResponderEliminar
  37. Excelente, qué buen que todo ha funcionado muy bien.

    ResponderEliminar
  38. Tengo una consulta, me suscribi todo salio bien, pero no me llegan los mails de las entradas:S que podria ser?

    ResponderEliminar
  39. Exeleente, justo lo que nesesitaba.
    Una pregunta, no se puede hacer para que flote del lado derecho?

    Saludos!

    ResponderEliminar
  40. Hola Potro regresando por aquí, ya que no ahi mucho tiempo por estudios jeje!

    Bueno fuera del tema, queria que me ayudes a cambiar lo siguiente :

    ( http://img202.imageshack.us/img202/8670/foto01b.png )
    Borrar la barra lateral de la izquierda asi moviendo el centro del post hacia la izquierda y alinear todo correcto.

    ( http://img200.imageshack.us/img200/1719/foto02.png )
    Alinear lo que indica la imagen osea poner en fila en nombre de : Entradas antiguas - Página principal - Entradas más recientes.

    gracias!

    ResponderEliminar
  41. Lo bonito de tus post es que no sólo se aprende leyendolos, sino que ademas enseñas en tus comentarios. Que buena opción para promocionar el feed!

    Un abrazo!!!

    ResponderEliminar
  42. Hola Mathias,

    Busca en el primer código esta parte:
    var startX = 30 //set x offset of bar in pixels
    var startY = 15 //set y offset of bar in pixels

    El número 30 cámbialo por 700 u otro número hasta que quede en la posición que deseas.

    Saludos.

    ResponderEliminar
  43. Hola arquitectura online,

    Necesitas entrar a Edición de HTML y sin expandir artilugios encontrar la línea:
    div id='sidebar-wrapper-left

    Y borrar desde ahí hasta el siguiente < /div >
    Luego buscar esto:

    #main-wrapper {
    float: left;
    width: 200px;

    Y sumarle a los 200px el ancho de la sidebar que eliminaste.

    Por último agregar esto en los estilos para alinear el post-footer.

    .post-footer {
    text-align: center;
    }

    Saludos.

    ResponderEliminar
  44. Brother, yo igual aprendo mucho en los comentarios =)

    ¡Un abrazo!

    ResponderEliminar
  45. Pues ponerlo atrae a los suscriptores, pero en fin
    tengo un blog nuevo, esta vez se trata del Bicentenario de México
    y lo estoy haciendo con un amigo
    bueno el me dijo que invitara yo a más personas a unirse
    si estas interesado me dices

    http://bicentenario-mexico-d.blogspot.com/

    ResponderEliminar
  46. Si te animnas colocamos una URL de tu web CIUDAD BLOGGER
    y pues haber si colocas tu la URL del Blog espero tu respuesta

    ResponderEliminar
  47. Potroo!!!! que hize! :S sin querer elimine el gadget donde estaba el TITULO DEL BLOG y su descripción. que puedo hacer para ponerlo denuevo?

    ( http://img42.imageshack.us/img42/5115/ohmyw.png )

    ResponderEliminar
  48. Hola potro

    muy bueno y ademàs interesante con tu còdigo se aumentaràn bastante los suscriptores ;)

    saludos

    ResponderEliminar
  49. Alex, he estado postergando un espacio para ponner banners gratuitos y por unas o por otras no lo hago, espero hacerlo pronto para ofrecerlo como espacio de promoción.

    arquitectura online, espero que hayas hecho un respaldo de la plantilla...

    samantha, esa es la idea, que pueda aprovecharse para conseguir más suscriptores =)

    ResponderEliminar
  50. Potro, ahora me anda todo de 10. Una ultima consulta sobre el tema: Cuando llegan los mails con los post, se puede hacer algo para que arriba de los post (en el mail) aparesca un breve texto: por ej: Comenten estos post ingresando a la Web!

    Te dejo mi web: www.porvelez.com.ar

    Saludos!

    ResponderEliminar
  51. Una consulta de otro tema: cuando puse Estadisticas del blog, el gadget q dice XX Dias On-line/ XX Entradas/ XX Comentarios. Yo tengo de comentarios a Disqus y me aparecen 11 comentarios del formulario que tenia de Blogger, comohago para que se vace en los de Disqus?
    Saludos

    ResponderEliminar
  52. Para que se vea en los correos no, pero puedes poner un logotipo en la parte superior.

    Los comentarios de Disqus no te los contará, esos son independientes a Blogger.

    Saludos.

    ResponderEliminar
  53. primero felicitarte por tu blogg man, esta rebueno yo eh utilizado varios de tus trucos en mis bloggs.. bueno aki dejo mi blogg de videos es muy gracioso y pos si alguien se apunta para que apoye en subir videos raros o curiosos de youtube u otro servidor a este blogg SERA BIENVENIDO..!!!

    http://rarezas-youtube.blogspot.com/

    ResponderEliminar
  54. Gracias Potro, solucione todo... Tienes algun post como para hacer galeria de videos, o un cuadro para poner videos en chiquito.
    Saludos!

    ResponderEliminar
  55. Potro no hize un respaldo de plantilla pero ya lo solucioné. gracias!

    ResponderEliminar
  56. Adictoalweb, qué gusto que este blog te haya sido de utilidad!

    Colush +16, no, pero busca en Vagabundia, recuerdo que una vez vi ahí cómo hacer una galería de videos.

    arquitectura online, perfecto :)

    ResponderEliminar
  57. hola!

    acabo de conocer esta web y me gusto, felicidades esta chida.

    mi pregunta es de que si hay alguna forma de cambiar esa ventanita que sale para que se suscriban, como cambiar un icono o algo asi, para que salga una ventana mas personal y no solo cambiar colores

    ResponderEliminar
  58. Hola Fose47,

    Al inicio de la entrada hay un enlace que explica cómo poner el anuncio para mensajes, creo que podrías usar ese para personalizar el aviso por lo que desees.

    Saludos.

    ResponderEliminar
  59. http://loseasi.blogspot.com/2010/03/video-galeria-con-jquery-y-css.html

    ResponderEliminar
  60. Gracias Vku, justo antier estaba viendo ese método pero por unas o por otras ya no lo probé. Diría que hoy sí lo hago pero me conozco :P

    ResponderEliminar
  61. Saludos El Potro.

    Me parece que hay cierto error en el 2º código (el que va antes de < / b o d y > ). La URL que debe ir en <form action='http://feedburner.google.com/fb/a/mailverify' , debe ser la siguiente:

    <form action='http://feedburner.google.com/fb/a/mailverify?uri=NombreDelFeed' .

    Si analizas la URL anterior, te arroja el error que algunos mencionaban (me incluyo, hasta que descubrí la falla xD): The feed does not have subscriptions by email enabled

    Espero sea un aporte a todos! =)

    Gracias por tu sitio y estos aportes que son de gran utilidad!

    ResponderEliminar
  62. Hola RodriGodoy,

    El código que expongo en la entrada es el mismo que ofrece Feedburner en su página. El código contiene dos líneas parecidas, la primera hace un llamado a Feedburner, la segunda es la que hace que al abrirse el PopUp entre la página de la suscripción.
    En el caso de Isaias su problema era que no había cambiado el nombre de su feed.

    Pero lo que importa es que de este modo, o con el tuyo, funcione. Seguro que si alguien más llega a tener problemas puede experimentar con lo que mencionas.

    ¡Saludos!

    ResponderEliminar
  63. HOLA! QUISIERA SABER COMO HACER PARA SEPARARLO DEL MARGEN Y DE LA PARTE SUPERIOR..

    ResponderEliminar
  64. Hola TaTo,

    Lee el comentario #43 ahí está la respuesta.
    Saludos.

    ResponderEliminar
  65. hola mira tengo como le haces para que una palabra o palabras sean un link ????

    ResponderEliminar
  66. al ingresar el correo sale esto
    The feed does not have subscriptions by email enabled
    pero la Suscripciones por Email esta activada
    si kieres visita mi blog para que veas bajandopeliculaslatinas.blogspot

    ResponderEliminar
  67. Lo veo funcionando perfectamente en tu blog, aun al ingresar la dirección de correo no marcó ningún error.

    ResponderEliminar
  68. a si lo ice funcionar graxias por pasar

    ResponderEliminar
  69. Bien! Ya lo he visto en tu blog :)

    ResponderEliminar
  70. Hola...Tengo un blog y me gustaría que los comentarios sean como los tuyos, es decir, siempre visibles y numerados.Dejo la dirección de mi blog:

    http://sergiomedinistas.blogspot.com/

    ResponderEliminar
  71. Hola Stella,

    Para que los comentarios aparezcan debajo de cada entrada visita este post y elige la opción 3

    Para numerarlos visita este otro.

    ResponderEliminar
  72. Yo tengo el mismo problema que isaias "The feed does not have subscriptions by email enabled
    "
    pero el caso es que ya lo tengo habilitado, cual seria el problema?

    ResponderEliminar
  73. mi blog es nuevo y aun esta underconstrution http:/musicacristiana-online.blogspot.com

    ResponderEliminar
  74. En el código que va antes de /body donde dice esto:
    form action='http://feedburner.google.com/fb/a/mailverify' method='post'

    Cambia lo que está en negrita por esto:

    http://feedburner.google.com/fb/a/mailverify?uri=RedDeMusicaCristianaYReflexionesEnVideo

    ResponderEliminar
  75. Hey!!!! Graciasssssssssss!!!! Muchas Gracias!!! solo eso puedo decir...

    Problema solucionado, tienes una excelente pagina, felicidadez...

    Gracias una vez mas por la ayuda y por haberme asistido con tanta rapidez...

    Dios te guarde!!!

    ResponderEliminar
  76. Gracias potro, q zarpado el truco... aunque yo le di algunos toques y me salio como quería xD Mi blog, solo una duda... como puedo insertar el onfocus y onblur?

    ResponderEliminar
  77. En este no se puede, o al menos a mí nunca me ha salido.

    ResponderEliminar
  78. Disculpa potro pero como hago un aviso flotante parecido a este q diga "no se olviden de comentar" o algo parecido y que se se peude cerrar ese cuadro con una "x"?...pleasee!

    ResponderEliminar
  79. Pues igual que este, sólo cambia en el código que va antes de </body> el contenido, es decir, elimina desde <span> hasta </form> y ahí agrega el texto que deseas encerrado entre <span> y </span>

    ResponderEliminar
  80. Gracias y otra cosa...Un sujeto me envio un mensaje desde mi blog diciendo:

    bueno si necesitas que tu blog sea conocidog te puedo ayudar y tu ami te puedo dar mi banner y tu dame el tuyo y lo cuelgo en mi web gracias ahi te dejo mi email gbeduardogb@hotmail.com la estoy reparando ....

    Esto del banner no entiendo es peligroso se peude agarrar mi blogger?...

    ResponderEliminar
  81. Eso es un intercambio de enlaces, él pone un enlace a tu blog desde el suyo y tú pones uno en tu blog hacia el suyo, lo único que sucede es que quienes entren a su blog podrán ver el banner de tu blog y si le dan click irán a tu blog, y viceversa

    Es nada más eso, descuida que no pasa nada malo ;)

    ResponderEliminar
  82. entonces no es como un popup sino como una imagen "x" que al hacerle click envia automaticamente ami blogger y viceverza.....entoces como le envio mi banner?...tengo q mandarle una publicidad mia como gagdet?

    ResponderEliminar
  83. Sólo haces una imagen y él deberá ponerla en su blog con el enlace a tu blog, y tú harás lo mismo con en de él. Platica con él sobre este asunto y él sabrá decirte todo al respecto.

    ResponderEliminar
  84. Probando suscribirme a mi blog me sale esto:

    ---The feed does not have subscriptions by email enabled---

    que puedo hacer??

    mi blog es www.klaus-imagination-oncinema.blogspot.com

    ResponderEliminar
  85. ¿Ya habilitaste las suscripciones por mail desde Feedburner?

    ResponderEliminar
  86. sip, lo hice. Esta habilitado. No se que hacer...
    Ayudaaaa por favor.
    Gracias

    ResponderEliminar
  87. probe tambien en mi otro blog donde tengo solo un cuadro y en ese si me direcciona para suscribirme.
    El blog es klaus-imagination.blogspor.com

    ResponderEliminar
  88. El problema está en que la parte de color rojo donde tienes que agregar el nombre de tu blog o el nombre de tu feed has puesto la URL completa de tu feed.
    Sólo debe ir el nombre, en tu caso es OnCinema
    Por ejemplo, en la primera parte donde se pide que lo pongas debe ir así:

    form action='http://feedburner.google.com/fb/a/mailverify?uri=OnCinema'

    Saludos.

    ResponderEliminar
  89. hola potro, me pàrece excelente este truco pero hay un problemita; que realice todos los pasos y no me salio nada del anuncio flotante, lo k si sucedio es fue que mi plantilla es negra y me cambio el fondo de los costados me salio todo blanco y quiero recuperar el color original de mi plantilla,ademas tambien quiero agregar que realice los pasos para colocar un log in o registro y si te fijas me aparecen unos codigos por encima de la plantilla.te agradeceria que me ayudaras a solucionar este problemita
    gracias.... mi blog es ..http://generacionpaisa.blogspot.com/.

    ResponderEliminar
  90. No pude ver tu blog porque sólo admite invitados. Sin embargo, por lo que mencionas tanto de este aviso flotante así como el de la caja de login parece que no has puesto los códigos en el lugar indicado.
    Revisa de nuevo ambas entradas y verifica que todo esté donde debe ir.

    ResponderEliminar
  91. mmmmmmmm
    si potro que pena, pero ya lo arregle, con respecto a la plantilla ya la arregle asi que por esa parte no te preocupes habia realizado una copia de seguridad antes de realizar cambios, siempre lo hago.bueno ya la caja de subscripcion me aparece pero cuando boy a ingresar un correo para subscribirlo me abre otra ventana donde dice que la alimentacion no tine la subscripcion por correo electronico habilitada, bueno ese es un error, el otro e k cuando le doy publize en feedburner y habilito la subscripcion por correo me da unos codigos para que los pegue en mi blog o web, lo copio y lo pego en un gadget y ahy si funciona pero no lo quiero asi lo quiero flotante k debo hacer.
    aaaa y otra cosa potro, disculpa tanta molestia, lo k sucede es k realice los pasos para colocar las flechas deslizantes arriba y abajo todo se ve bien aparentemente, pero cuando le doy a la flecha de arriba funciona perfectamente pero la de abajo no funciona, me podrias aydar... gracias...

    ResponderEliminar
  92. Entra en Configuración > Feed del sitio y verifica que esté en 'Completo'
    Luego mira el comentario #93 quizá ese también es tu problema.

    Sobre el otro problema veo que a una parte de tu plantilla le pusiste id="footer-wrapper" eso hace que la flecha de abajo te mande arriba. Elimina eso y en los códigos de las flechas cambia las dos veces que dice footer-wrapper por footer
    Y outer-wrapper por wrapper-top

    ResponderEliminar
  93. lo k pasa es k en el fed me da un codigo de subscripcion k debo hacer con eses codigo es k la verdad no tengo muy claro k hacer con eso ...en pocas palabras no se configurarlo .sera k lo puedes hacer por mi. te lo agradeceria mucho men.

    ResponderEliminar
  94. Pues ya veo funcionando muy bien la caja de suscripción.

    ResponderEliminar
  95. si es correcto la caja de subscripcion esta perfecta, lo arregle gracias a tus indicaciones lo que no he podido arreglar es lo de las flechas deslizantes en eso si estoy quedado men, me podrias ayudar un poco mas por favor, tambien seria bueno k me ayudaras a que la pagina me quede a lo hancho de la pantalla me gustaria mucho y no se si te haz fijado en los botones de twiter y face y rss los ponen hacias los costados de la pagina se ven muy bien tu podrias ayudarnos con eso.... te lo agradezco mucho gracias

    ResponderEliminar
  96. Sobre las flechas ya te he dado las indicaciones en el comentario anterior.
    Los botones puedes ponerlos donde sea, incluso en un elemento HTML/Javascript, sólo pon un código de una imagen normal con un enlace:

    <a href="URL del enlace"><img src="URL del icono" /></a>

    ResponderEliminar
  97. hola potro k pena molestarlo oçtra vez, pero tengo un problema con mi blog, los gadgest no me funcionan no se k paso iva a eliminar un gadget y no podia, tuve que eliminarlo desde artilugios
    pero aun asi persiste el problema, me podrias ayudar con eso por favor mi blog es:http://generationpaisa.blogspot.com/
    gracias

    ResponderEliminar
  98. No entendí bien, ¿qué gadgets no te funcionan? ¿qué quieres eliminar?

    ResponderEliminar
  99. te invito a k entres en mi blog y te des cuenta el gadget ya lo elimine pero para agregar otro no me da
    intente agregar un codigo por entrada y me dice que error de formato lo agregue como html y me sale error de formato y estre codigo que iva a ingresar a mi blog lo añadi a html on line y funciona
    no se k pasa por favor ayudame gracias

    ResponderEliminar
  100. Seguramente eliminaste un área importante de la sidebar que es la que hace que aparezcan los gadgets así como la opción de agregar nuevos.
    Lo más recomendable es que si tienes un respaldo de la plantilla la uses, sino, en un blog de pruebas sube la plantilla que usas pero "limpia" y sin expandir artilugios compara ambas plantillas específicamente en el área de la sidebar para que detectes cuál es el código que pudiste haber borrado.

    Muy probablemente sea uno como este:

    <b:section class='sidebar' id='sidebar' preferred='yes'>
    </b:section>

    ResponderEliminar
  101. ok, solucionado muchisimas gracias.

    ResponderEliminar
  102. Hola Potro, me funciono de diez este aviso y gracias nuevamente. Lo unico que te queria consultar es si se puede centrar la frase Recibe las actualizaciones directo a tu correo, porque no me quedo como tu ejemplo si no muy a la izquierda. Elimine la imagen de fondo que tenia y le deje añadido solo el color que elegí, lo digo solo como dato por si las dudas eso influenyo...Saludos...

    ResponderEliminar
  103. Debajo de #rss-mail span { agrega:
    text-align: center;

    Con eso deberá centrarse.

    ResponderEliminar
  104. Hola Potro, intente tal cual como me dijiste pero sigue igual...Gracias de nuevo y saludos...

    ResponderEliminar
  105. Entonces agrega, también debajo de donde te indiqué, esto:
    margin-left:28px;

    Saludos.

    ResponderEliminar
  106. Muchísimas gracias, ya me quedo perfecto. Gracias nuevamente por tu predisposición y paciencia, saludos!!!

    ResponderEliminar
  107. OYE NO LE PARES NUNCA CON ESTO TODOS LOS TRUCOS SON DE GRAN AYUDA..SALUDOS PASATE POR MI BLOG Y MIRA COMO QUEDARON LOS TRUCOS GRACIAS A TI... http://ayolasmisiones.blogspot.com/

    ResponderEliminar
  108. Hola Potro!! Me gustaria centralizar todo el aviso en medio de la pagina!!

    Q hago?

    ResponderEliminar
  109. Mira el comentario #44, ahí se explica cómo.

    ResponderEliminar
  110. Supongo que esto haria que nuestro blog depure un poco mas en cargar, es algo que debemos evitar para los lectores de vuestros blogs, un saludo me decidia a ponerlo, pero ya veo que requiere de muchos javascript y estoy tratando de optimizar el blog.

    http://www.trucosblog.com/

    ResponderEliminar
  111. Como siempre digo, sólo hay que utilizar los gadgets o scripts que realmente sean necesarios, de lo contrario sí tendremos problemas con la velocidad de la página.
    Saludos!

    ResponderEliminar
  112. hola potro bueno primero dejame felicitarte por su post es muy bueno me aydumo cho ..y decirte que sou nuevo en estos de los blog me gusta la idea de poner un suscriptor pero nose mucho de esto te agradeseria mucho si me explicasn un pokito mas ise too active eso que dices pero cuando pongo antes de head y tambien lo de body esa parte no la entiendo porfa ayudame y disculpa mi ignorancia..:)

    ResponderEliminar
  113. Hola jairiño,

    Entrando en Diseño > Edición de HTML, encontrarás las etiquetas </head> y </body>
    Puedes usar las teclas CTRL+F para buscar esas palabras y localizar más rápido los códigos

    Saludos!

    ResponderEliminar
  114. lo que a mi me pasa es que quiero publicar i pongo el color y dsp me sale en blanco como hago para que vuelva el color?

    ResponderEliminar
  115. 1 bendita hora me tomo encontrar la dirección de mi feed :/ pero bueno ya esta bn gracias por todo...
    este es mi blog http://wwwdisneyandnick.blogspot.com/

    ResponderEliminar
  116. como se pone la barra que sale abajo del blog de pruebas?

    ResponderEliminar
  117. En esta entrada está la explicación:
    http://ciudadblogger.com/2010/11/barra-de-herramientas-flotante-con.html

    ResponderEliminar
  118. hola, como se podria colocar este anuncio en la parte inferior derecha?

    Salu2

    ResponderEliminar
  119. Hola Tattyalbo, mira el comentario #44, ahí están las indicaciones.
    Saludos.

    ResponderEliminar
  120. hola... otra cosa xD... como puede ser para que se cierre completamente el div al hacer click en la cruz, lo que pasa es que lo usé como un anuncio...

    http://kaialexis.tumblr.com/

    y no desaparece el anuncio, algo similar me pasó cuando lo quise usar poniendo como video de la semana pero me fije que si se daba click al video y se cerraba el div igual seguia sonando...

    eso sería..
    gracias de antemano

    Salu2

    ResponderEliminar
  121. Quizá poniendo esos elementos como el de la publicidad en un documento HTML y en lugar de poner el código en la plantilla pondrías un iframe para mostrar ese HTML, de otra manera no creo que se pueda :/

    ResponderEliminar
  122. Hola mi estimado Potro.
    Hace un largo tiempo que tengo el Aviso, pero no se ve bien en IE, ya hice algunos de los pasos que diste pero no Funciona, El caso es que se ve desintegrado en IE, el BOX por fuera de la Caja.

    AYuda amigoo..!

    http://palabra-devida.blogspot.com/
    www.palabradevida.tk

    ResponderEliminar
  123. Quizá es la versión de IE que usas porque al menos en la versión 8 se ve bien.

    ResponderEliminar
  124. Hay alguna forma de adaptar esto a Wordpress me recomendarias un sitio con esta misma tematica per o en vez de blogger wordpress

    ResponderEliminar
  125. No sabría decirte, como no uso WordPress tampoco frecuento blogs que hablen sobre estos temas para esa plataforma.

    ResponderEliminar
  126. Como es posible, cambiar ese anuncio de suscripcion, por un aviso de Recomendacion?

    Agradezco tu respuesta y que pena ser tan canson

    ResponderEliminar
  127. Al inicio de la entrada se menciona un enlace, ese enlace contiene la información que necesitas.

    ResponderEliminar
  128. Hola Potro Hace poco que te soy fiel lector tuyo, es el primer comentario que te envio por eso lo digo. Bueno voy al tema en cuestion, he hecho todo tal cual lo has explicado en esta entrada pegue los feeds donde los indicaste pero cuando chekeo si funciona todo el trabajo hecho me dice que el feed no esta activado para suscripciones de correo electronico, cosa rara ya que active dicha funcion antes de empezar cual seria la solucion? Como dato puedo decirte que mi feed es nuevo, tendra algo que ver?
    me siento mal porque de todos soy el unico al cual este truco no le andubo.

    ResponderEliminar
  129. Hola Rubento,

    No tienes porqué sentirte mal pues cada caso es diferente, lo importante es que podamos detectar cuál es el problema para solucionarlo, y para ello necesitaría saber cuál es tu blog y verlo puesto en él para poder echarle un vistazo al código.

    Saludos.

    ResponderEliminar
  130. mi blog es: http://peliculascienporcien.blogspot.com/
    sabe disculparme el tiempo que te quito
    un abrazo!

    ResponderEliminar
  131. Cambia esta parte de tu código:
    <form action='http://feedburner.google.com/fb/a/mailverify? uri=http://feeds.feedburner.com/PeliculasLivianas' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=http://feeds.feedburner.com/PeliculasLivianas', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'>
    <input class='rss-box' name='email' type='text/'/>
    <input name='uri' type='hidden' value='http://feeds.feedburner.com/PeliculasLivianas'/><input name='loc' type='hidden' value='es_ES'/><input id='rss-submit' type='submit' value='Suscribir'/></form>

    Por esta otra:
    <form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=PeliculasLivianas&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
    <input name='email' type='text/'/>
    <input name='uri' type='hidden' value='PeliculasLivianas'/><input name='loc' type='hidden' value='es_ES'/><input id='rss-submit' type='submit' value='Suscribir'/></form>

    Con eso deberá solucionarse.
    Un abrazo.

    ResponderEliminar
    Respuestas
    1. Dios!!.. tenia tres horas en esto y por fin.. Gracias amigo.

      Eliminar
  132. Excelente! anduvo Barbaro! Sos Un Capo! Mil Gracias! te debo una

    ResponderEliminar
  133. Hola.............Potro una pregunta yo tengo un intro en el blog q la hice viendo aqui mismo en tu pagina......esa es

    http://ciudadblogger.com/2011/05/crear-un-intro-para-el-blog.html

    quiero saber si pongo este aviso flotante en mi blog q tngo el intro........me sale ya cuando entran al blog o sale hay mismo en el nitro???........x favor ayudame

    ResponderEliminar
  134. No lo sé, tendrías que ponerlo para que sepas cuál es el resultado, usualmente no combino varios trucos para probarlos salvo contadas excepciones, pero si lo intentas sabrás que sucede.

    ResponderEliminar
  135. Que tal Potro, me podrias pasar el link del post donde esta la explicacion del anucio gris con movimiento que esta en tu blog en la parte superior, el que dice bienvenidos a ciudad blogger y suscribirse al feed..!
    muchas gracias...!!!!

    ResponderEliminar
  136. De casulidad conoces como crear un Vinculo para que enlacen mi Blog pero hay uno que es diferente al tu tienes con una imagen y despues copian y pegan una especie de codigo que esta dentro de una ventanita, mira este vinculo de otra pagina http://loseasi.blogspot.com/ en la parte derecha de la sidebar abajito dice enlaza el blog y despues se elige la imagen se le da click y nos lleva a otra pagina donde simplemente se le da click en añadir artilugio y listo es todo!. Le pregunte al administrador de este otro blog como lo habia hecho pero nunca me respondio.!! jajajaja

    ResponderEliminar
  137. Hola Leonardh.

    Esta es la entrada que tiene la información del scroll:
    http://ciudadblogger.com/2009/10/scroll-de-bienvenida-sin-script.html

    Y el gadget que se usa para ese tipo de enlaces es este:
    http://ciudadblogger.com/2010/06/gadget-para-que-nos-enlacen.html

    ResponderEliminar
  138. No me cambio por nadie con este blog... alcancé a agregar varias cositas.
    http://1normalstudent.blogspot.com/

    observalo y cualquier sugerencia de vos (potro) o de cualquier usuario me vendría de pelos.. gracias..

    ResponderEliminar
  139. Muchas gracias, la verdad es que me encanta el diseño que estás armando, esa combinación de colores minimalistas queda más que bien!

    ResponderEliminar
  140. T.T no me funciona me sale y todo pero cuando pongo un correo me sale una pagina k dice esto
    Vaya. Google Chrome no ha podido encontrar .google.com
    Suggerimientos:
    Vés a google.­com
    Vés al mapa del web de google.­com/­sitemap.­html

    http://raulvalles.blogspot.com/

    ResponderEliminar
  141. aaa ya esta ya me funciona muchas gracia y sigue asi ta muy bien esta web

    ResponderEliminar
  142. disculpa potro y no se podría hacer una ventana de suscripción así como la de esta página??? http://diosesdelmetal.foro.ag/

    si si ya se que no es un blog por eso solo pregunto salu2 potro y que tengas buen día

    ResponderEliminar
  143. Con el efecto de desvanecimiento no con este método, pero la misma forma de la caja negra la puedes hacer, sólo debes jugar con los estilos, el ancho y alto del recuadro, así como el color de fondo.
    Bien día para ti también ;)

    ResponderEliminar
  144. Y Potro sabes cómo se puede hacer este aviso flotante pero para que te unas al blog como seguidor? :3

    ResponderEliminar
  145. ¿Con el gadget de Seguidores? Nada más que uses el gadget de Seguidores como se explica en la "Solución a la Lista de Seguidores" y que pongas el código dentro de la caja.

    ResponderEliminar
  146. Hola Potro, coloque la caja flotante para invitar a suscribirse, me quedo bien instalada, el problema es que hice una prueba, cuando coloco el correo para enviar, me sale un mensaje que "esta entrada no tiene registrado correo electrónico" ahora bien, me metí en feed burner y active el blog de "Lideres Forever Aragua" que fue donde lo instalé, como sabes se instala un Wigged de SUSCRIPCIÓN, lo probé y quedo perfecto.
    Volviendo al cuadro flotante, intente colocar la dirección de feed burner así como indicas al final, pero no se cual debo colocar, coloque de varias maneras y ninguna funciono.. si es la dirección completa de mi blog, solo el nombre..o que!! me perdí.
    asi coloque la direccion: <input name='uri' type='hidden' value='lideresforeveraragua.blogspot.com'

    mira como quedó: www.lideresforeveraragua.blogspot.com
    Gracias

    ResponderEliminar
  147. Hola @Liderforever10,

    Cuando creaste tu feed en Feedburner elegiste un nombre para tu feed, que es el que acompaña la URL de tu feed de Feedburner, por ejemplo, en mi caso es así:
    http://feeds.feedburner.com/CiudadBlogger

    Eso último es lo que debemos poner en la caja, no la dirección del blog, ni la dirección completa del feed, sólo esa última parte.

    Ahora, en el feed de tu blog encuentro un error.
    Si usas la antigua interfaz entra en Configuración > Feed del sitio, y donde sice "Publicar URL redireccionada del feed" debe ir NO la dirección de tu blog, sino la dirección de tu feed de Feedburner.
    Si usas la nueva interfaz eso lo encuentras en Configuración > Otros > Publicar URL redireccionada del feed.

    Recuerda, ahí debe ir la dirección de tu feed de Feedburner, de lo contrario ni la caja de suscripción, ni tu feed normal funcionará.
    Saludos.

    ResponderEliminar
  148. Excelente, ya hice la corrección y quedo mundial.... muchas gracias

    ResponderEliminar
  149. hola potro, muy buen aporte!!! me encantó!!! pero realmente, cuando lo probé, no combina con mi blog...hice algunas modificaciones pero no sé... Cambié el color de fondo por #cccccc y el borde por #660000, el color de texto por #000000 y el color del botón por #660000, también cambié el tamaño porque quería agregarle un ícono que sea un mail pero con el rss. Cuando puse guardar, imaginate, un desastre, porque el fondo no quedó como quería, creo que es por la imagen que tiene, pero la borré y ni siquiera tenía fondo!!! las letras no se veían, en fin, me podrías ayudar??? gracias!!!!

    ResponderEliminar
  150. Hola María de las Mercedes,

    Lo recomendable sería que, en un blog de pruebas lo pongas, y ahí, apliques un cambio a la vez, así puedes ir personalizando área por área y si algo saliera mal sabrías exactamente qué es lo que no funciona.
    Prueba de nuevo, como te digo, en un blog de pruebas, si se te dificulta me dices dónde lo has puesto (con los códigos que usaste) para que pueda ver cómo ha quedado.

    Saludos.

    ResponderEliminar
  151. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  152. Bueno, ya cambié un par de cosas, y puse la suscripción por email arriba de mis entradas, a lo largo, pero tengo dos problemas: el botón "suscribite" es chico, no sé cómo agrandarlo para que entre bien y quiero agregar un ícono adelante del contenedor donde va la dire de email para hacerlo más simpático, pero no sé cómo. Ayuda!!!

    ResponderEliminar
  153. otra cosa, la imagen que me gustaría poner es esta: https://lh3.googleusercontent.com/-hAoT0pSJVM8/TxA9h3RzvVI/AAAAAAAAAyI/DkWJiTEoYig/s101/rss-mail.jpg que mide 97 x 101...lo ideal sería que quede adelante de donde se pone la dire de email, lado izquierdo, y que después el texto quede centrado...pero bueno...no sé si se podrá o conviene una más chica...saludos!

    ResponderEliminar
    Respuestas
    1. Si es el gadget de suscripción que provee Blogger entonces tendrás algunas limitaciones.
      Como ya tiens cuenta en Feedburner puedes crear tu propia caja de suscripción de una manera más personalizada:
      http://ciudadblogger.com/2009/05/personaliza-la-suscripcion-de.html
      http://ciudadblogger.com/2009/07/caja-de-suscripcion-de-feedburner-tipo.html

      Eliminar
  154. cuando le coloco un correo dice que el mail esta inactivo. que hago?

    ResponderEliminar
    Respuestas
    1. Hola Carlos, ya leí más arriba que pudiste solucionarlo :)

      Eliminar
  155. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  156. Hola Potro aunque ya tengo instalado el aviso flotante no sé si pueda hacer lo mismo con este gestor llamado “mail chimp” es un gestor de listas de distribución y campañas de emailing el cual te genera un código HTML de suscripción . Saludos

    ResponderEliminar
    Respuestas
    1. No tengo idea Robert, no conozco ese servicio y las opciones que tengan :(

      Eliminar
  157. Muchas gracias por este truquillo Potro! Tan bueno como siempre, con tus explicaciones he conseguido ponerlo de otros colores y todo. Mil gracias!! Eneri de Nube de Sabores

    ResponderEliminar
  158. Hola Potro, hay forma de poner esta caja fija en la sidebar?

    ResponderEliminar
    Respuestas
    1. Pues sí aunque no tendría sentido usarla con el script y todo lo demás, quizá te convenga usar algo más simple para que se suscriban:
      http://ciudadblogger.com/2009/07/caja-de-suscripcion-de-feedburner-tipo.html
      http://ciudadblogger.com/2009/05/personaliza-la-suscripcion-de.html

      Eliminar
  159. Es que justamente he probado estos dos, han funcionado bién pero no me convencieron esteticamente dentro del blog y justo vi esta caja y me gustó mucho. De todos modos te agradezco la paciencia.Gracias.

    ResponderEliminar
  160. Hola!! este truco se ve muy bien en mi blog pero aun no entiendo lo del Feedburner :( espero y me puedas ayudar

    ResponderEliminar
    Respuestas
    1. Mira esta entrada, ahí verás lo de Feedburner:
      http://ciudadblogger.com/2011/05/crear-un-feed-en-feedburner-y.html

      Eliminar
  161. Querido amigo, me gustaría poner en el Kiosco un botón de AYUDA que contenga al pincharlo un TUTORIAL porque hay usuarios que no saben como hacer para ver o descargar las revistas. Entonces se me ocurrió poner al costado en forma flotante un botón que diga AYUDA, pero tiene que salir en todo el blog, página principal incluída.
    Tienes algo que pueda consultar?
    Un abrazo y saludos =)

    ResponderEliminar
    Respuestas
    1. Pues puedes poner una imagen flotante que enlace a ese tutorial:
      http://ciudadblogger.com/2009/03/poner-imagen-estatica-en-el-blog.html
      http://ciudadblogger.com/2010/01/imagen-flotante-con-opcion-de-cerrar.html

      Saludos!

      Eliminar
    2. Gracias amigo. Lo veré mañana hoy ya son las 2 am y me voy a dormir. Abrazo y saludos!

      Eliminar
  162. Disculpen el comentario adicional, pero INTERNET EXPLORER SIRVE PARA NADA. Todo se ve horriblemente asqueroso, así que hago la sugerencia para que dejemos de poner quejas de IE, ese explorador ya no tiene arreglo.

    Felicidades ;)

    ResponderEliminar
  163. muy buen aporte me sirve de maravilla y para el que no quiera modificar su plantilla ponganlo como un gadget y funciona de la misma forma, no se si alguien ya puso eso jeje, un saludo men siempre me sacas de apuros un abrazo

    ResponderEliminar
  164. Y en el caso que no quieres poner la "suscripción" flotante si no en vez de esta una imagen que al darle click te lleve a un link en una ventana diferente y no ser tanta molestia no mostrase en la parte izquierda de la pantalla si no en la derecha e inferior. :D

    ResponderEliminar
    Respuestas
    1. Entré a tu blog y parece que ya no es necesario que lo responda :)

      Eliminar
  165. hola Gasias por este aporte Potro pero tengo un error al momento de daler susbrir se abre una ventana emergente y sale este error La alimentación no tiene suscripciones por correo electrónico habilitadas.
    no se que hacer hice todos los pasos tengo activado lo de suscripcion por Email ayudame

    ResponderEliminar
    Respuestas
    1. Hola Diego, ¿ya te cercioraste de activar las suscripciones por correo electrónico en Feedburner? ¿en cuál blog tienes el problema?

      Eliminar
  166. Resulta q me sale esto amigo
    "La alimentación no tiene suscripciones por correo electrónico habilitados" espero me sepas ayudara gracias de ante mano

    ResponderEliminar
    Respuestas
    1. Hola Leonardo, ¿ya has habilitado las suscripciones por correo en Feedburner? entré a tu blog pero no vi puesto el gadget.

      Eliminar
  167. Hola Potro, buenas
    Gracias por toda la labor en ciudadblogger

    Desde que instalé la caja de suscripciones flotante se me ha bloquedo (?) en feedburner el enlace con mi cuenta twitter y también tengo bloquada la opción en PUBLICIZE Email Subscriptions.
    ¿Conoces de donde podría venir el problema?
    ¿Como puedo desinstalar todos los códigos de la caja flotante y otras herramientras?

    Muchas gracias por tu tiempo y respuesta

    http://sentimiento-salsero.blogspot.com/

    ResponderEliminar
    Respuestas
    1. Lo desconozco, pero dudo que tenga que ver con esto. Lo de esta entrada sólo es poner la suscripción por correo en el blog, aun así puedes desactivarla si lo prefieres.

      Eliminar
  168. Gracias Potro.. me fue de mucha ayuda.
    Un saludo

    ResponderEliminar

Si tu blog contiene material protegido por derechos de autor habilita tu perfil y deja únicamente el nombre de tu blog, no dejes la dirección del mismo, de lo contrario el comentario será eliminado.

Nota: solo los miembros de este blog pueden publicar comentarios.

 
Ir Arriba Ir Abajo
I Ciudad Blogger