Tu blog en versión para celular

26 de septiembre de 2009 91 comentarios ,
AVISO
El sitio que provee el servicio de la versión móvil ya sólo admite cuentas de pago por lo que se recomienda mejor habilitar la versión móvil del blog que ofrece Blogger desde Plantilla | Móvil.

internet_mobile_celular_movil
Cada día son más las personas que se interesan por tener lo último en telefonía celular, por lo que este sector en crecimiento tiene a su alcance el acceso a Internet desde un dispositivo móvil.
Entonces si cada vez más personas navegan por Internet desde su celular habrá que preocuparse por tener el blog en versión para móviles.
¿Por qué? Bueno, aunque casi todos los teléfonos tienen acceso a Internet no todos usan la misma tecnología así que una página normal aparece con las imágenes descuadradas, sin estilos de color, tamaño, forma, etc. Y esto es entendible pues las páginas web son diseñadas para verse desde un monitor de computadora por lo que los tamaños y los estilos difieren por completo de un dispositivo móvil.
Además, cuando un usuario se conecta a Internet desde su celular lo que quiere es tener acceso rápido al contenido ya que los costos de este servicio son altos y la accesibilidad es limitada, así que no se detienen a ver banners, gadgets y ese tipo de adornos que tiene una página web.

Así que vamos a crear una versión móvil del blog de modo que pueda verse desde un dispositivo móvil de forma clara, rápida y accesible.
Para ello usaremos un servicio gratuito que se llama MoFuse, quien es el que nos hará una versión móvil del blog y además nos dará una URL para tener acceso a esta versión del blog.

  1. Primero habrá que entrar a la página de MoFuse.
  2. En la parte de en medio donde dice Mobilize your blog now escribe la URL de tu blog y haz click en Mobilize.
  3. Ahora llena los datos del nombre de la página, la dirección que quieres para tu versión móvil, datos de usuario para el registro y haz click en Launch Mobile Site.
  4. Ahora verás en el menú un apartado que dice Your Mobile Sites, ahí haz click sobre el nombre de tu blog.
  5. En el lado derecho encontrarás un menú de opciones, ahí puedes empezar a personalizar tu blog móvil.

Verás que en el menú para personalizar puedes agregar color de fondo, un logotipo, links, un feed y hasta publicidad por si quieres poner tus anuncios de Adsense.

Este servicio es gratuito y muy completo ya que también tienes acceso a estadísticas para saber cuánta gente entra a tu blog desde la versión móvil.
Tu dirección será algo como http://nombre-de-mi-blog.mofuse.mobi y esa es la dirección que les darás a tus lectores para que entren a tu blog desde un celular.
Como puedes ver es fácil y rápido, y tus seguidores podrán estar siempre al tanto de lo que sucede en tu blog desde su celular.

Por cierto, si quieres tener los últimos trucos para el blog en tu celular sólo entra a ciudadblogger.mofuse.mobi desde tu teléfono móvil.

Nota: Si entras a la versión móvil de tu blog desde tu computadora verás un teléfono con tu blog en la pantalla, esa es la vista previa de tu blog, desde un celular sólo se verá el contenido.


Enlace | MoFuse


91 comentarios en:

" Tu blog en versión para celular "

  1. Es cierto, desde el celular no se ve bien.
    Pero ahora si.

    Gracias.

    ResponderEliminar
  2. esta muy bueno, es como para crear un portal wap, solo que redirecciona las entradas de el blog, gennial, gracias!

    ResponderEliminar
  3. Hola el venado,

    De hecho entre más personalizada esté la plantilla peor se verá en el celular, pero con esta versión para móvil queda mucho mejor.

    Saludos.

    ResponderEliminar
    Respuestas
    1. saludos amigo... . si una persona entra en mi blog desde su movil podria redireccionarse o es solamente utilizando el link que da la pagina ???

      Eliminar
    2. Hola, es mejor que uses la versión móvil que ofrece Blogger, con ella cuando alguien ingrese desde el móvil Blogger lo detectará y los redireccionará automáticamente a esa versión.

      Eliminar
  4. Hola Ascesino96,

    Pues yo entro desde mi teléfono a la versión móvil y las entradas se ven igual en forma simple para celular.

    Saludos!

    ResponderEliminar
  5. Muy, muy bueno. Gracias, viejo! Lo he implementado con mi blog. A ver qué tal va. Gracias!

    ResponderEliminar
  6. Qué bueno que te gustó, ya entré desde mi celular, y se ve todo bien.
    Saludos!

    ResponderEliminar
  7. Wowwwwwwwww que alegria...habia salido todo el dia querian ya llegar ami casa para ver como es que se hacia esto :D...
    Muchas Gracias Potro.
    Bueno Suerte.

    ResponderEliminar
  8. Hola pepe,

    Ojalá puedas avisarnos cuando tengas tu versión móvil para ver cómo te quedó.

    Saludos!

    ResponderEliminar
    Respuestas
    1. disculpa cuando me pide el url opsional cual devo de poner ayi no le entiendo nada

      Eliminar
    2. No sé decirte, la interfaz y opciones de MoFuse cambiaron mucho desde que se escribió este articulo. Pero como dice al inicio de la entrada en el aviso, ya no es necesario ya que Blogger ahora ofrece una interfaz para móviles.

      Eliminar
  9. Ok, claro que lo hare y con mucho Gusto.
    Cuidate y Saludos.

    ResponderEliminar
  10. Hola Potro, recien y descubro tu pagina, necesito un favor y es como hago lo de
    Artículos más comentados
    Artículos más visitados
    que tienes tu en el blog por que me gusto pero no lo encuentro. gracias

    ResponderEliminar
  11. una pregunta fuera del tema (A) jaja esta parte que te muestro ahora, es un gadget o lo pusiste vos?

    249 días de vida
    204 entradas
    2337 comentarios

    te mando un abrazo

    ResponderEliminar
  12. una pregunta fuera del tema (A) jaja esta parte que te muestro ahora, es un gadget o lo pusiste vos?

    249 días de vida
    204 entradas
    2337 comentarios

    te mando un abrazo

    ResponderEliminar
  13. fua, lo mando dos veces no se por que :|, disculpa no fue intencional, saludoss

    ResponderEliminar
  14. hola no logre entrar dice que es un servicio exclusivo para estados unidos

    ResponderEliminar
  15. Hola cargohe,

    El gadget de entradas más visitadas yo lo hago manualmente, reviso cada periodo en Google Analytics las entradas más visitadas y hago la lista de links.
    Para el gadget de entradas más comentadas entra a Blogger Buster y agrega los datos que te pide y te dará el código que deberás pegar en un elemento HTML/Javascript.

    Saludos.

    ResponderEliminar
  16. Hola Potro, Gracias pero ya Blogger Buster no funciona esta desabilidado lo del gadget y no hay posibilidad de que me regales script yo lo modifico con mis datos o hay que modificar algo en la plantilla tambien.
    cargohe@gmail.com

    ResponderEliminar
  17. Hola DisneyRocksMx,

    El servicio es gratuito para todo el mundo, sólo el mandar SMS con el link de tu página es exclusivo para Estados Unidos, a todo lo demás sí tienes acceso.

    Saludos.

    ResponderEliminar
  18. Hola Ezequiel,

    Mañana hago el post con el código de esas estadísticas.

    Saludos!

    ResponderEliminar
  19. Hola cargohe,

    Dame unos minutos y ahorita publico el código.
    Saludos.

    ResponderEliminar
  20. Hola cargohe,

    Aquí está el código para el gadget de entradas más comentadas:
    http://ciudadblogger.com/2009/09/gadget-de-entradas-mas-comentadas.html

    Saludos.

    ResponderEliminar
  21. Hola Potro antes de nada felicitarte por este blog que ya estoy enganchado!..xD

    queria preguntarte algo sobre el adsense para la version movil, he creado gracias a esta entrada la versión movil de mi blog pero mi duda es que dentro de la configuración de MOFUSE he puesto el codigo ID, bién, pero no veo ningun campo de publicidad, lo hice anoche (puede que sea por eso porque dicen que en 48horas) pero es que dentro de ADSENSE hay para crear contenidos para dispositivos moviles y como no tenia ninguno creado lo creé, pues al final del proceso me dá un codigo, hasta aqui correcto pero... donde lo pego ? porque dice que ha de ir en la pagina web en versión movil y solo dispongo del blog ...

    no sé si me explico...

    ResponderEliminar
  22. Hola Laser,

    La publicidad se ve cuando accedes desde el móvil. En el caso del código que te da Adsense ese no te sirve ya que no puedes editar la página de Mofuse, es por eso que Mofuse te pide la ID para que ellos ingresen el código.
    El problema es que en este caso tú sólo ganas la mitad de lo que te dé Adsense, la otra mitad va para Mofuse, pero imagina un click de .01 centavos vas a ganar prácticamente nada :S
    Si me pidieras mi opinión te diría que lo mejor sería no meter Adsense ahí, pero eso ya será elección tuya.

    Saludos!

    ResponderEliminar
  23. Buenas!

    sobre lo de adsense... lo de que no lo incluirias es porque supongo no merecen las ganancias no? o porque puede influir en las ganancias del blog?

    es que claro, si afecta al blog entonces no tendria sentido ponerlo..

    ResponderEliminar
  24. Recuerda que sólo una pequeñísima parte de todos tus visitantes hacen clicks en los anuncios; ahora piensa que en el caso de la versión móvil sólo la usará un 1% de tus lectores, el resto lo hace a través de una PC.
    Si sólo un 1% entra desde el móvil y la probabilidad de que hagan click es muy limitada no tendría caso que si algún día alguien hace un click de .01 centavos te tengas que dividir la ganancia; realmente no valdría la pena.

    ResponderEliminar
  25. Ok, solo queria saber eso , en definitiva solo afecta a la versión movil.

    Gracias por la aclaración Potro!
    un saludo.

    ResponderEliminar
  26. Gracias Potro por los consejos que publicas me han servido muchisimo y mi página luce genial.

    ResponderEliminar
  27. Es un placer poder compartir estos temas Julia.
    Saludos.

    ResponderEliminar
  28. Holaa.. soy alis tengo una consulta, quise inscribir mi blog para que se viera desde el movil pero no me acepta el url, me sale no feed could be located, try entering in the location of your RSS feed..
    nose que significa esto?????????????????????????
    alguien que me explique por favor

    ResponderEliminar
  29. Verifica que la URL de tu feed esté funcionando. Tu feed es algo como esto, sólo cambia el nombre de tu blog:
    http://tublog.blogspot.com/feeds/posts/default

    Saludos.

    ResponderEliminar
  30. hola, me encanta tu blog, algunos trucos me funcionan, y otros como el del post it, no,
    salu2

    ResponderEliminar
  31. Cuando no funcionan puede deberse a tres cosas, a estilos o scripts de la plantilla que no permiten que otros scripts funcionen; o que la plantilla no tenga los códigos completos de una plantilla; o que los códigos se han puesto en el lugar equivocado.
    Supongo que el del post it es por la primera razón ya que usa scripts, aunque no estaría mal intentarlo de nuevo o en un blog de pruebas.

    Saludos!

    ResponderEliminar
  32. Muchisimas gracias me vino de lujo crear esta pagina puesto que es verdad que desde el movil no se optimiza mucho aqui os dejo la version movil por si quereis visitarlo
    http://brujo5iphone.mofuse.mobi/

    y Mi blog http://brujo5-iphone.blogspot.com/

    ResponderEliminar
  33. saludos infernales esta bueno excelente la info ya lo hic een mi pagina y quedo de lux.

    http://udelinfierno.mofuse.mobi/

    http://universidaddelinfierno.blogspot.com.

    un abrazo y buena vibra

    ResponderEliminar
  34. Qué bueno que te ha gustado :)
    Saludos.

    ResponderEliminar
  35. Hola Potro: No consigo ver el logo en el movil que tamaño (width-height) maximos hay que poner?.

    Gracias

    ResponderEliminar
  36. En realidad no lo menciona, sólo dice que no sea mayor a los 500kb.
    En mi caso la puse de 240x80.

    Saludos.

    ResponderEliminar
  37. En la vista del mobil en la web:

    A ti te sale "Articulos" y a mi "Menu" Porque?

    A ti te sale tu logo y a mi me sale publicidad pese a que en Design/Colors --- Mobile site preview sí que veo el logo insertado. Gracias de nuevo

    ResponderEliminar
  38. Toda la personalización está disponible en el menú que está del lado derecho, ahí puedes cambiar el nombre de tu feed 'Menú' por otro.
    Supongo que tienes que guardar los cambios para que aparezca el logotipo.

    ResponderEliminar
  39. Ni con preview ni con el link se vela imagen subida.Solo lo veo cuando le doy a Mobile site preview aunque lo que aparace detras no tiene nada que ver con lo realmente debe ser que es: Articulos Blog. No entiendo por tanto desisto de momento.Gracias anticipadas

    ResponderEliminar
  40. Potro, tengo una buena noticia para usted. Investigando en la web me encontré con un sitio que también permite hacer nuestra versión móvil del sitio, lo mejor de todo es que redirecciona automaticamente a quien ingrese a nuestro blog desde un celular con la misma dirección web de siempre... y gratis!

    Aquí comparto la noticia desde mi blog, http://elblogdelnobe.blogspot.com/2010/06/version-movil-de-tu-blog-o-sitio-web.html

    Espero que le sea de utilidad y la haga extensiba a sus lectores.

    Aprovecho de agradecer por sus útiles tutoriales.

    ResponderEliminar
  41. Uhhhh se ve muy bueno, voy a probarlo esta semana a ver qué tal resulta. Curiosamente yo estaba por buscar otra alternativa pues como te darás cuenta la página de Mofuse no ha estado funcionando estas últimas semanas por lo que tampoco abre la versión celular de este mismo sitio así que probaré con esa opción que mencionas a ver qué tal fuciona.

    Saludos!

    ResponderEliminar
  42. Hola, tengo un problema con esto, cuando pongo el nombre que quiero darle al blog version movil, sale esto:

    Error: couldn't execute: (SELECT * FROM sites WHERE siteid='msidgarden' AND deleted=0)

    Ayuda por favor.

    ResponderEliminar
  43. Parece que está caído el servidor de ellos, habrá que esperar a que lo restablezcan.

    ResponderEliminar
  44. Hola muchas graciassss! lo implementè en mi blog siguiendo tu paso a paso.
    A ver como me và
    Saludos

    ResponderEliminar
  45. Como hago para que me aparezca " Version para movil" arriva tal como aparece en tu pagina

    ResponderEliminar
  46. Usualmente sólo se localiza el área de la cabecera y arriba de ella se pone el enlace:
    <a href="URL del enlace">Versión móvil</a>

    Pero en las plantillas del diseñador desconozco dónde se tenga que poner :\

    ResponderEliminar
  47. hola potro y si yo quisiera ponerla en una pestaña para la versión móvil como podría hacer lo por que soy nuevo en este y no se mucho digo nada de html

    ResponderEliminar
  48. En una pestaña dentro del blog no se puede, lo único que podrías hacer es poner un enlace que dirija hacia la versión móvil de tu blog.

    ResponderEliminar
  49. Amigo ¡Te Felicito! muy interesante e ilustrativo tu Blog,soy neófito en esto y la ayuda ha sido muy buena y didactica a la vez.Gracias

    ResponderEliminar
  50. Te agradezco mucho tu comentario y me da gusto que el contenido de este sitio te esté siendo útil.
    Saludos.

    ResponderEliminar
  51. hola .. estoy intentando pero no deja de salirme una advertencia que dice "Woops! Your Site ID Can Only Contain Letters and Numbers, No Spaces" ( entiendo que me dice que mi ID del sitio solo puede contener letras y numeros, no espacios) e cambiado de una y otra forma el nombre pero nada incluso solo letras nada de simbolos ni espacios. no deja de salir eso .. que hago ??

    ResponderEliminar
  52. Si has verificado que estás escribiendo la URL correctamente entonces podría tratarse de un error del sitio.
    Aunque en realidad ya no es necesario buscar un servicio como este porque desde hace un par de semanas los usuarios de Blogger ya contamos con una versión móvil de Blogger.

    ResponderEliminar
  53. ok grax por sus comente pueden entrar a este blog muy interesante http://noconsumominimo.blogspot.com/

    ResponderEliminar
  54. viso de que el servicio mofuse.com ya no opera gratuitamente, yo recomiendo mobile.conduit.com que te permite crear apps para android y webapps para movil y navegadores

    ResponderEliminar
  55. Hola Potro te hago una consulta estoy incursionando en esto de los blog para celulares y quería saber si existe la opción de que solo mi blog se vea para los móviles.

    Es decir no quiero que puedan entrar desde una PC si no que tengan que ir si o si desde un móvil.

    Espero que se allá entendido lo que quiero hacer y si me puedes ayudar seria de mucha ayuda!!

    Desde ya un muy feliz año nuevo!

    ResponderEliminar
  56. Pues nunca he sabido de un sitio que sea así, pero tal vez puedas hacerlo si a todos los gadgets incluyendo el de las entradas, los condicionas para que se vean sólo en la versión móvil:
    http://ciudadblogger.com/2011/11/habilitar-las-plantillas-personalizadas.html

    Feliz Año!

    ResponderEliminar
  57. Excelente tus aplicaciones y tutoriales me han ayudado a crear mi blog con un buen diseño y herramientas. http://www.planetadesparchado.com/

    ResponderEliminar
    Respuestas
    1. Qué gusto que este sitio te esté ayudando :)
      Saludos.

      Eliminar
  58. muy buenos los consejos y tutoriales. Me gustaria que revisaras el mio a ver que te parece, www.massbateria.com

    ResponderEliminar
  59. Buenas~!
    Yo tengo un problema con esto de Plantilla para móviles que viene en blogger. Le doy a que "Sí, mostrar la plantilla para móviles en los dispositivos móviles" y le doy a la predeterminada por poner una cualquiera, pero cuando paso el movil para captar el code, me pone uno de visión previa que me da error.
    Luego creé otro code mediante una web pero en vez de ponerme la versión movilcon el tipico ?m=1 me sale la versión pc. Sin embargo cuando entro desde la tablet se me ve el formato que quiero, de movil XDDD es un kaos...

    Sabes como solucionar eso?
    Gracias :)

    ResponderEliminar
    Respuestas
    1. Parece que el código que da Blogger da problemas, ya un par de usuarios más me han comentado lo mismo, supongo que es un problema que Blogger tendrá que arreglar :/

      Eliminar
  60. Hola otra vez... en el nuevo blogger hay una configuración para verse el blog en celulares, el detalle es que no se cual la dirección que deben colocar los que deseen accesar por el celular, cuando intento por mi celular, cae la dirección normal, obviamente como es mas pesada cuesta mucho para bajar....

    ResponderEliminar
    Respuestas
    1. No hay que colocar ninguna dirección, si está activado entonces automáticamente debería entrar la versión móvil:
      http://ciudadblogger.com/2010/12/blogger-lanza-su-version-movil-para.html

      Eliminar
  61. Disculpa Potro ya no esta actualizado este post ? porque voy a la pagina que indicas y no veo donde dice Mobilize your blog now, de echo todo ahi es de paga.

    ResponderEliminar
    Respuestas
    1. Tienes razón Leonardh, parece que ya sólo es de pago, será mejor usar la versión móvil que Blogger ofrece.

      Pd. Ahora mismo pongo un aviso en la entrada.

      Eliminar
  62. hola potro quisiera que me ayudaras con un codigo que cuando ingresen a mi blog con pc se direccione a otro blog,, que el blog solo asepte operadores moviles no pc

    ejemplo: http://www.shoutcheap.com/
    ejemplo2: http://mradioes.com/

    ResponderEliminar
    Respuestas
    1. no importa Potro de todos modos gracias por tu ayuda y por responderme :)

      Eliminar
  63. Hola Potro, tiene razón Leonardh, el sitio Mofuse, quito el servicio Gratuito.
    Saludos

    ResponderEliminar
  64. Hola Potro, tiene razón Leonardh, MoFuse quito el servicio Gratuito de su Plataforma.
    Saludos

    ResponderEliminar
    Respuestas
    1. Es correcto, es por eso que al inicio de la entrada hay un aviso ;)

      Eliminar
  65. no encuentra esta opción Mobilize your blog now

    ResponderEliminar
    Respuestas
    1. No sé qué tanto haya cambiado la interfaz de la página, pero ya no es necesario nada de esto, Blogger permite mostrar una versión móvil del blog, se habilita en la sección "Plantilla", donde dice "Móvil".

      Eliminar
  66. Hola Potro,
    Hay que activar la opción para verlo en el móvil? Yo no lo he hecho y al acceder desde el móvil me aparece bien y me da opción a ver la versión web. Estoy empezando con blogger y no sé si desde tu último comentario ya blogger lo hace por defecto y detecta el dispositivo para poner la plantilla adecuada.

    Muchas gracias

    ResponderEliminar
    Respuestas
    1. Hola Raky, cuando publicamos esta entrada por ahí del 2009 Blogger no tenía su propio formato para dispositivos móviles, ahora ya no es necesario hacer nada de lo que hablamos en esta entrada, pues Blogger ofrece una versión para móviles. Desde la pestaña Plantilla puedes habilitarlo y elegir la plantilla móvil que prefieras. Saludos.

      Eliminar
    2. http://tendenciasphone.blogspot.com.co/

      Eliminar
    3. http://tendenciasphone.blogspot.com.co/

      Eliminar
  67. Hola, habra alguna forma de crear una app para que se pueda instalar en los celulares y que cada ves que publique una entrada en mi blog le llegue al celular una notificación de esa entrada que cree, desde ya muchas gracias.

    ResponderEliminar
    Respuestas
    1. Supongo que sí, pero eso tendrías que verlo con un desarrollador de aplicaciones para que te guíe.

      Eliminar
  68. Respuestas
    1. http://tendenciasphone.blogspot.com.co/

      Eliminar
    2. http://tendenciasphone.blogspot.com.co/

      Eliminar
  69. http://tendenciasphone.blogspot.com.co/

    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.

 
Ir Arriba Ir Abajo
I Ciudad Blogger