Crear contenido exclusivo para suscriptores | Oloblogger Esta es una cosa que CN tenía curiosidad por saber cómo se hacía. Se trata de hacer que los suscriptores de nuestro feed, además de poder v...

23 de diciembre de 2009

Crear contenido exclusivo para suscriptores

Esta es una cosa que CN tenía curiosidad por saber cómo se hacía. Se trata de hacer que los suscriptores de nuestro feed, además de poder ver el contenido normal de nuestras entradas, tengan también acceso a información extra. Es como una forma de recompensa por el hecho de serlos.

Realmente no sé si hay una manera mejor, pero las dos maneras que se explicarán, están basadas en el hecho de que la mayoría de lectores de feeds, no interpretan la parte de estilo de nuestra plantilla. Sólo atienden al propio código CSS introducido en la entrada que reproducen... y no siempre.

De esta manera, el primer truco consiste en crear una clase en nuestra plantilla con un DISPLAY:NONE y colocársela después al contenido "exclusivo". En el post no se verá y, en teoría, en el lector de feeds sí al ignorar las propiedades de la clase bajo la que se engloba.

Código para la hoja de estilo (antes de /b:skin):

.extra {
display:none;
}

Código para el lugar del post dónde queremos que salga el contenido:

<div class="extra">
Este es un ejemplo de contenido sólo para lectores por feed.
</div>


El otro sistema es exclusivo de Blogger. Tiene bastantes aplicaciones y lo conocí gracias a JMiur. En este caso echamos mano de una clase que ya viene de serie: item-control blog-admin

Es una clase que hace que ciertos elementos de la plantilla sean visibles sólo para el administrador... cuando está logueado, claro. Como ya existe la clase para todos los usuarios de Blogger, simplemente habrá que aplicarla al contenido extra de la siguiente manera:

<div class="item-control blog-admin">
Este es un ejemplo de contenido sólo para lectores por feed.
</div>


En ambos casos, dentro del DIV (también podría ser un SPAN), podemos meter lo que queramos: texto, imágenes, vídeos,...

Esta misma entrada contiene un audio y un enlace construidos con este último sistema, que podreis ver sólo si accedeis al feed de Oloblogger. Pinchando en este enlace accedeis a él y podreis "verlo".

Una advertencia. Si probais el segundo truco en vuestro blog y parece que no funciona porque se ve todo... ¡usad otro navegador dónde no esteis logueados!

CONTENIDO VISIBLE SOLO DESDE EL FEED


(El fichero de audio justo antes de esta frase se verá o no dependiendo de los navegadores)
Vía: S*Ingenio Blog.

¿Vemos otro post al azar por si le encuentras utilidad o quizás prefieres ser más metódico y suscribirte a nuestras entradas por correo? También puedes imprimir este artículo y por supuesto compartirlo en redes sociales si fue de tu agrado.

Compartir
Copy URL

Y muchos más artículos interesantes si nos sigues en...

follow us in feedly

56 comentarios :

  1. Qué bueno Oloblogger. Desconocía que se pudiese hacer algo así. Gracias por el "truquillo". Saludos y felices fiestas.

    Atentamente,
    Juan.

    ResponderEliminar
  2. Felices Fiestas ☺☺☺ (ahora te mando eso)

    ResponderEliminar
  3. Quierocrearunblog, son cositas que existen, que son fáciles, pero que desconocemos que se pueden hacer. El que comentó debajo tuya sabe bien de este tema en particular, porque hace tiempo que ofrece contenido extra a sus suscriptores.

    Gracias Pizcos.

    Felices Fiestas a ambos.

    ResponderEliminar
  4. Hola amigo, me recomienda tu blog, el Maestro Antonio Martín Ortiz, me comenta que ve cosas cortadas en mi blog, textos e imágenes.
    Yo no me doy cuenta, navego con mozilla.

    Si puedes pues vienes a verme, bueno, al blog... claro jaja.

    Un beso.

    ResponderEliminar
  5. Loco, es una masa tu blog, definitivamente el mejor diseño lejos. Yo este año arranque, y me voy enterando de cosas y aprendiendo viendo varios blog. Me encantan las imagenes que usas para la SIDEBAR. me gustaria que me pases algunos (si podes) y si me enceñas a ponerlos. Si queres pasa x mi blog.
    Felicitaciones, nuevamente.

    ResponderEliminar
  6. Carla, Fantasy lo veo bien y sólo en Mágico Arte, observo que las imágenes que pusiste en la barra lateral son demasiados anchas para el espacio disponible. Eso se soluciona sustituyéndolas por unas menos anchas o incluso utilizando las mismas pero añadiendo dentro del tag IMG un STYLE="WIDTH:200PX;" o el que corresponda. Eso redimensiona la imagen al ancho indicado.

    Rodry_D, lo de las imágenes de la sidebar, lo tienes explicado en esta entrada y sucesivas. Puedes tomar sin problemas las imágenes que te gusten.

    ResponderEliminar
  7. Gracias Oloman, lo que quiero es poner el papel q dice Cyber cafe, pero se le agrega a toda la sidebar, y yo quiero a una sola (para el listado de etiquetas) y que ocupe casi toda la sidebar.
    algo asi: http://img1.xooimage.com/files/f/c/6/blog-con-sidebar-16dca53.jpg
    Grax!

    ResponderEliminar
  8. Perdón Rodry. Me equivoqué de enlace.
    Este es el bueno...

    ResponderEliminar
  9. ah ok, grax Oloman. Ahora lo pruebo y te digo que tal me fue. jeje muchas grax x la ayuda igual!

    ResponderEliminar
  10. mmm, pruebo y pruebo pero no me sale.. cuando pongo vista previda dice q debe cerrarce. la verdad q no tengo mucha idea cn el HTML, es un bardo.

    ResponderEliminar
  11. Te contesto en el otro post para seguir un orden...

    ResponderEliminar
  12. Oloman, tengo un banner en mi pc que se me resiste bastante al blog, y ya no sé que hacer. Por cierto, está en formato AVI...¿Podrías ayudarme?

    ResponderEliminar
  13. Migui61297, no sé a qué banner te refieres ni cual es el problema.

    ResponderEliminar
  14. A ver, tengo un banner en mi ordenador que yo mismo he creado gracias al programa Selteco Bannershop GIF Animator, y tiene 2 imágenes en movimiento que hablan sobre mi blog. El problema es que no sé cómo pasar ese banner a mi blog de y que se vea bien en él. Lo pasé a formato avi, pero no encuentro loa forma de poner el .avi en mi blog. Y también intenté con un html que venía con el programa, pero tampoco funciona.
    Así que no encuentro la forma de pasar el Blog.gif al ordenador

    ResponderEliminar
  15. dale, nos hablamos x el otro. ya te deje una duda. jaja

    ResponderEliminar
  16. No conozco ese programa Migui, pero supongo que por el nombre del fichero (blog.gif) lo que tienes son dos gifs animados. Lo primero que tienes que hacer es subir la/s imagen/es a un alojamiento de idem. Valdría el propio Picasa (de Blogger), Imageshack, Flickr, Photobucket...
    Una vez hecho, tendrás una direccion para esa imagen http://loquesea.gif
    Ahora, para que se vea, allí dónde la quieres poner tecleas
    <img src="http://loquesea.gif" />

    ResponderEliminar
  17. Jo, problemas los pillo hasta en lo fácil... Ya tengo subido el "banner" a Picassa (http://picasaweb.google.com/mgonzalezf97/97?authkey=Gv1sRgCI3Ls_69zPLSPw#slideshow/5419974692394982770), y pongo y igual que si no lo pusiera... no comprendo nada de nada... y mira que para poner un banner...

    ResponderEliminar
  18. Esa no es la dirección de la imagen, sino la del álbum. Tienes que pinchar en aquella de la que quieres conseguir la dirección y accedes a otra página dónde está sola. Ahora con botón derecho, seleccionas "copiar la ruta de la imagen" y ya la tienes en el portapapeles.
    Hazlo tú mismo, pero es esta
    http://lh3.ggpht.com/_hrWN7SB3zSY/SzeeRDfPXXI/AAAAAAAAAKI/dKRMmN3FlSs/Untitled-1.gif

    ResponderEliminar
  19. Sí, el problema es que yo pongo el html con la dirección esta: http://lh3.ggpht.com/_hrWN7SB3zSY/SzeeRDfPXXI/AAAAAAAAAKI/dKRMmN3FlSs/Untitled-1.gif...
    Y en el blog me desaparece completamente, como si no hubiera nada donde yo lo puse

    ResponderEliminar
  20. ¿Podrías concretar qué es lo que pones y dónde lo pones? Utiliza esta página para poder pegar aquí el código:
    http://nosetup.org/php_on_line/convertir_html_texto

    ResponderEliminar
  21. <imgsrc = http://lh3.ggpht.com/_hrwn7sb3zsy/szeerdfpxxi/aaaaaaaaaki/dkrmmn3flss/untitled-1.gif/></imgsrc>

    Eso es lo que pongo en la barra de gadgets de la derecha, en el primer lugar. Algunos espacios y demás me los modifica blogger cuando le doy a guardar, por ejemplo,no pongo una línea de separación entre la URL y el = del principio, pero no puedo cambiarlo porque blogger lo volveria a poner a su manera

    ResponderEliminar
  22. Prueba con esto, porque te faltan comillas y te sobra algún que otro tag:
    < img src="http://lh3.ggpht.com/_hrwn7sb3zsy/szeerdfpxxi/aaaaaaaaaki/dkrmmn3flss/untitled-1.gif"/>
    Además, podrías incorporarle un enlace.

    ResponderEliminar
  23. Una pregunta: yo lo que quiero no es que la gente se sebscriba y reciba informacion extra sino que quiero saber si la gente se puede "Crear una cuenta"?
    No se si me entendes a lo que me refiero. Lo que quiero es que la gente cuando entre en mi blog haga click en "iniciar Sesion" y puedan tener sus propias cuentas en mi blog para que tengan acceso a algunas cosas que otros no o algo parecido...

    Muchas gracias

    ResponderEliminar
  24. Creo que imagino lo que quieres Business, pero en Blogspot, hoy por hoy, creo que no es posible. Para eso necesitas una base de datos y algo para manejarla (normalmente SQL y PHP) y en Blogger, eso no lo tenemos.

    ResponderEliminar
  25. Ok entonces me tendre que conformar con esto...
    Una pregunta mas al respecto.. Esto se ve solo en el feed o lo pueden ver el el post del Blog?

    ResponderEliminar
  26. En el post no se ve ¿o es que tú estás viendo el reproductor encerrado en un recuadro rojo, que hay al final de esta entrada como ejemplo?

    Otra cosa es si se podría ver. La respuesta es sí, pero sólo mirando el código fuente. Allí aparecerá bajo la clase que lo invisibiliza para los posts.

    ResponderEliminar
  27. Hola,
    ¿Se podría crear contenido exclusivo sin que se esté suscrito;solamente registrándose en algún lugar del blog?

    Gracias

    ResponderEliminar
  28. En Blogger seguro que no, porque no se pueden manejar bases de datos y eso es lo que, de primeras, necesitaríamos para poder llevar un registro de usuarios.

    ResponderEliminar
  29. Hola Olomán, ¿esto es para los suscriptores de feedburner también o solo para RSS o como se llame?
    Otra cosa, se supone que en algún lado debo poner que hay información solo para suscriptores, ¿no?

    ResponderEliminar
  30. Hola Lara. Aunque no lo he comprobado con todos los lectores, en un principio, el sistema debería funcionar para todos los feeds (RSS, ATOM...) y asimismo para todos los lectores. Y sobre lo segundo, evidentemente si lo quieres como forma de promocionar la suscripción, pues sería lo más conveniente. Por ejemplo, sortear un millón de euros entre los que escriban un comentario en tu blog, como forma de promocionar los idem, sólo sirve como gasto si no lo publicitas al mismo tiempo.

    ResponderEliminar
  31. estaba justo pensando en sortear un billón de euritos. ¿te apuntas? http://libroscolgados.blogspot.com. ¡suerte! jaaja

    ResponderEliminar
  32. Imaginaba que algo así querrías hacer y por eso lo comenté ;)

    ResponderEliminar
  33. Gracia por la info, no sabia que se podia hacer eso en blogger.

    ResponderEliminar
  34. Pues no se que estoy haciendo mal por que yo tampoco puedo ver nada, y eso que estoy logueada en la cuenta de administrador del blog, ya use el span y el div, y sigo sin verlo que estoy haciendo mal???

    ResponderEliminar
  35. Yurika-Chan, supongo que no lo ves en tu blog ¿o te refieres a tu feed? Lo acabo de comprobar y las dos modalidades que expliqué siguen funcionando.

    Tendrías que colocar algo de prueba en un post y luego decirme qué fue ese algo para que intentara comprobarlo.

    ResponderEliminar
  36. Pues estoy usando el truco para ocultar el blog mientras le hago unos cambios, el caso es que yo tampoco puedo ver el blog, intente ocultando otras cosas como imágenes y esas cosas, y tampoco los puedo ver y eso que soy la administradora del blog, no se que hice mal???

    ResponderEliminar
  37. Para que lo veas, tienes que usar la última opción de entre las que hay en esta entrada. Insisto en que tendrías que aplicarlo a un elemento en concreto, indicarme cúal es y dejar el código para que lo pudiera "ver".

    ResponderEliminar
  38. Estoy usando la opción "item-control blog-admin", el truco lo vi en el Escaparate, y me parece que el que explicas aquí también se puede aplicar para lo que quiero, ocultar el blog mientras le hago cambios, el truco funciona, el blog queda oculto, pero yo tampoco lo puedo ver, incluso en el área de diseño en el escritorio tampoco sale nada.

    ResponderEliminar
  39. Ah, vale. Eso ya lo entiendo un poco más. Cuando solapas una capa o como en este caso, ocultas el BODY, desde Diseño del escritorio, todo se replica. Es cómo si esa página fuera el Home de tu blog. Si no se ve tu blog, tampoco se ve esa pantalla de diseño.

    Lo que no entiendo es por qué tú no lo ves estando logueada. Desde hace tiempo tengo una barra de enlaces sólo visible para mí, construida con esa clase y no me da ningún problema.

    Como alternativa para no tardar más en ocultar que en arreglar, puedes poner un aviso usando lo que expliqué del splash screen o la presentación o incluso otro enlace que encontrarás en este último sobre cómo mostrar un DIV una vez al día.

    Suerte

    ResponderEliminar
  40. Hola Oloman
    Hace rato que quería comentarte algo.
    Cuando reviso mi correo, encuentro los feeds de los blos a los cuales estoy inscrito. En esos correos siempre se visualiza la imagen que acompañan la entrada. Me pregunto como habilito esta acción, ya que me gustaría proporcionar una presentación más llamativa a mis suscriptores de mi blog.
    Espero haberme hecho entender
    Saludos

    ResponderEliminar
  41. Robinson, si tienes Feedburner, eso lo puedes configurar entrando a la página de ese servicio.

    Lo que no recuerdo es dónde. Supongo que por la pestaña Publicize o en cualquier caso, desde aquella en la que se configuran las suscripciones por correo.

    ResponderEliminar
  42. Hola Oloman
    He estado revisando en feedburner sobre como hacer que aparezca la imagen que acompaña la entrada de mi blog en los correos de mis suscriptores pero no logro acertar.
    He preguntado al Potro de Ciudadblogger pero tampoco pudo descifrar.
    Me gustaría si me puedes ayudar con este tema, pues me parece importante resaltar y darle un toque más llamativo en los correos de mis sucriptores.
    Saludos.

    ResponderEliminar
  43. Robinson, no sé cual es el problema. Quizás es que no tengas autorizado el feed completo, porque en mis correos si sale. Prueba a suscribirte y cuando recibas el primer correo, dime si te salen o no las imágenes de mis entradas.

    ResponderEliminar
  44. Está probado Antonio, por lo que sería interesante que ampliaras la información sobre qué es exactamente lo que no funciona...

    ResponderEliminar
  45. Hola!!! Me gustaría probar esto porque es interesante para captar más suscriptores al rss. Renové mi blog y no sé cómo integrarlo. Tengo la suscripción en las entradas y también en una ventana emergente al iniciar el blog y en la sidebar, pero aún así, no logro aumentar los suscriptores. Cómo puedo integrar esto?? Cómo se aplica? Al hacer la entrada, por ejemplo, en el primer caso con el css, agrego cierta información extra entre los "div" y no aparece sino sólo a quienes están suscriptos al feed?? Gracias!

    ResponderEliminar
    Respuestas
    1. Más fácil el segundo código pues así no tienes que tocar la plantilla. Cada vez que en una entrada quieras poner algo que sólo se verá en el feed, mételo dentro de un DIV con clase "item-control blog-admin".

      Pero esto no te garantiza más suscriptores. La mayoría suelen venir porque les guste el contenido, pero por probar nada pierdes ;)

      Eliminar
    2. Gracias por tu respuesta, pero no comprendo algo: lo que me gustaría, al hacer una entrada en mi blog, es que una parte de esa entrada no se vea, y dejar una leyenda que diga "Suscribite para ver este contenido exclusivo" o algo así. Pero en cada entrada ese contenido va a ser distinto, porque los temas serán distintos, con lo cual, no me conviene más el primer caso? Saludos.

      Eliminar
    3. Los dos funcionan de igual manera, pero te recomendaba el segundo porque me parece más sencillo.

      Sin embargo ahora he pensado que mejor usar el primero porque si un día Blogger cambia algo de eso, te va a dejar de funcionar. Definitivamente el primero.

      Eliminar
  46. Otra cosa, no te pregunté: Supongamos que quiero esconder cierta parte del artículo o agregar algo más, entonces, pongo un texto como xej "Para acceder a nuestro contenido exclusivo, suscríbete vía email en este enlace" y ahí pongo la url de mi feed en feedburner o cuál??? esta frase se puede reemplazar por alguna imagen o algo que sea más atractivo?? Gracias!

    ResponderEliminar
  47. Hola oloman, probé ayer este truco (el primero) y me ha funcionado a medias... El contenido "extra" no se ve a los que no son suscriptores, pero tampoco a los que sí son suscriptores. He probado con dos cuentas diferentes, la mía con la que tengo el blog y otra de pruebas y no se ve nada de nada. Tampoco puedo ver cómo queda en vista previa mientras lo voy editando. ¿Qué podrá ser?
    Gracias, un saludo

    ResponderEliminar
    Respuestas
    1. Si no lo ven ni unos ni otros ¿por qué dices que te ha funcionado a medias? Entiendo que no te ha funcionado nada ¿no?

      Dime qué tipo de contenido estás intentando insertar y con qué sistema. También me vendría bien que me indicaras en qué entrada lo tienes para ver cómo lo montaste.

      Eliminar
  48. Es posible poner un mensaje y que se vea solo si no eres suscriptor. Es decir, quiero que salga un mensaje que ponga "Para ver más contenido tienes que suscribirte". Pero que si estás suscrito no aparezca.. ¿Es posible?

    ResponderEliminar
    Respuestas
    1. Si es posible, desconozco cómo se podría hacer. Ni la más mínima idea...

      Eliminar