iPod Touch: Plantilla para Blogger

27 de noviembre de 2009 77 comentarios ,
descargas
Nombre:iPod Touch
Diseñador:El Potro
Compatibilidad:Google Chrome, Mozilla Firefox, Safari, Opera, Internet Explorer
Características:Plantilla para Blogger, 1 columna, 719px de ancho, 1 menú, 3 columnas en el footer, Leer más automático, Simula un iPod Touch
Incluye:Plantilla XML, Instrucciones de instalación, Licencia


iPod Touch es una plantilla para Blogger ideal para los amantes del iPod. Es una plantilla de una columna, aunque en el footer tiene 3 columnas para acomodar los gadgets. Tiene un menú en la parte superior y los botones son una adaptación de los íconos del iPod o iPhone. Ya tiene integrado el Leer más de forma automática, es decir, sola hace los cortes de las entradas.

Personalización:

Menú
Para personalizar los enlaces del menú entra en Diseño > Edición de HTML y busca esta parte:
<a href='mailto:tucorreo@gmail.com' id='menu-Mail'/>
<a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' id='menu-Feed'/>
<a href='http://twitter.com/usuario' id='menu-Twitter'/>
<a href='http://www.facebook.com/usuario' id='menu-Facebook'/>
<a href='http://myspace.com/usuario' id='menu-MySpace'/>
<a href='http://www.youtube.com/user/usuario' id='menu-YouTube'/>

Cambia lo que está en color rojo por tu nombre de usuario de cada cuenta. Si quisieras cambiar los íconos busca:
.
a#menu-Mail, a#menu-Feed, a#menu-Twitter, a#menu-Facebook, a#menu-MySpace, a#menu-YouTube

Y cambia la URL de la imagen según corresponda el caso. En Internet hay muchos íconos gratis estilo iPhone que puedes usar para que combinen con la plantilla.

Leer más
La función de Leer más funciona con un script y está configurado para que muestre sólo las primeras 30 palabras. Si quieres modificarlo busca en la plantilla esta parte:
var summary_noimg = 30;
var summary_img = 30;
var img_thumb_height = 35;
var img_thumb_width = 35;
La primera línea es el número de palabras a mostrar sin imagen; la segunda el número de palabras a mostrar en una entrada con imagen; la tercera y la cuarta es el alto y ancho de las imágenes en miniatura.

Funciona con todos los navegadores aunque los usuarios de Internet Explorer 6 no podrán disfrutarla. Recuerda que una forma de agradecer el tiempo invertido en esta plantilla gratuita es no remover los créditos.


77 comentarios en:

" iPod Touch: Plantilla para Blogger "

  1. Enserio, buenísima, quedaría eselente en una página de tutoriales de ipod touch y como hay muchas tendrás descargas!!!

    ResponderEliminar
  2. Muy bien hecho potro
    felicidades enserio
    soy fan de tus plantillas
    enserio
    llegue de la Universidad y entre a mi correo y me llegan tus entradas a mi correo y entre
    y vi el demo
    y me fascino bastante eres un genio en esto de las plantillas
    nos vemos

    ResponderEliminar
  3. Buena plantilla Potroo!!
    Creo que ya esta empezando a acabar las plantillas que empiezas noo?? XD

    Sigue asii!

    ResponderEliminar
  4. Jabladores Del UFE, gracias =)

    Ascesino96, cierto, en uno de esos quedaría bien.

    Alex, me alegro que te haya gustado, muchas gracias por tus comentarios!

    Dj Nestor, jajaja, de hecho aquellas plantillas que empecé y no acabé ahí siguen sin terminar, por alguna razón me dejaron de gustar y no las acabé =P

    ResponderEliminar
  5. Brabo, exelente, dentro de poco tiempo este sera el mejor blog de trucos, que ria hacerte dos preguntas:

    ¿Como es que creas esos banner de 125 por 125 flash?

    ¿Como puedo crear una cabesera para mi blog, como la tuya?(PERO CLARO CON OTRO DISEÑO).

    Y necesito todo esto pues, dentro de poco conprare el dominio para mi blog, ya que despues de 7 mese de mucho trabajo con mi blog llege a pagerank de 2.

    Saludos.

    ResponderEliminar
  6. Tambien potro queria saver como dividir la cabesera del blog, para poder poner un anuncio, ya e intentado utilisar los consejo de muchos blog para solocionar esto, pero ninguno sirve.

    Saludos otrabes.

    ResponderEliminar
  7. mira la use para radio disney
    http://radiodisneydrmx.blogspot.com

    y se ve genial
    tu plantilla
    Oye le hiba a poner en los creditos rediseñada por disneyrocksmx no se si te importe que se lo ponga

    ResponderEliminar
  8. Seguro se muy buena esta plantilla quellos bloggrs lo que simpre publican lo que es musica..

    ResponderEliminar
  9. Muy buena Potro, me encantan tus diseños, nose como lo haces...=S

    A eso vengo a llegar... Potro!!! necesito tu ayuda!,, necesito saber como crear un registro de usuarios, tu ya me entiendes, quiero decir: donde la gente se pueda registrar ponga contraseñas, etc. AYUDAME POR FAVOR! =)

    Gracias de antemano

    ResponderEliminar
  10. Wow.
    No sabia que abia una plantilla estilo ipod.
    Te luciste.

    Bueno, pues una plantilla mas para elegir en el momento en que decida cambiar e plantilla.

    Saludos.

    ResponderEliminar
  11. Holaa Potroo...
    Gracias a ti ya he creada el 'blog': newgenerationofsound.blogspot.com

    Es una especie de directorio de blogs pero solo de musica, y especialmente de dj's y productores XD

    Primero tenia una cabecera muy pequeñita que ademas no me gustaba, entonces la hize grande grande JJ, pero ahora no me queda centrada y expandida(solo lo consigo para firefox y no para explorer y viceversa).
    Que atributo le debo poner a la imagen para coseguir que este expandida solo hasta los bordes en todos los navegadores??

    Y otra pregunta, podria hacer una tercera columna de banners, por si el blog tienes exito XD

    Muchas gracias y sigue asi!!

    ResponderEliminar
  12. Anti-Haker,

    ¿cuáles anuncios en flash? De flash no sé, para mí es un tanto complicado, pero en http://www.trucosflash.net/ seguro podrán orientarte.
    La cabecera esta hecha con Photoshop, ahí el asunto es más diverso, dependería de qué quieras hacer, en la red hay muchos tutoriales de Photshop pero como te digo, tendrías que tener claro qué quieres hacer.

    El único método que conozco para dividir la cabecera es el mismo que te habrán dicho los demás, así que te daría las mismas indicaciones =S

    Saludos.

    ResponderEliminar
  13. Alex, claro, no hay ningún problema ;)

    ARMANDOKUN ¿verdad que sí? ojalá y les guste.

    Simon Potter, en Blogger no se puede y desconozco si haya algún servicio externo que lo haga =S

    El Venado, qué bueno que te ha gustado, saludos!

    ResponderEliminar
  14. Dj Nestor,

    Lo ideal es que hagas la cabecera del tamaño de la plantilla, en este caso es un ancho de 660px, si la pones de esa medida estará centrada y en proporción al ancho del blog.
    Claro que puedes poner más columnas, ya sea poniendo pegados los códigos de las imágenes o usando una tabla con tres columnas.

    Saludos y suerte con tu blog!

    ResponderEliminar
  15. Oye se me ocurre algo.
    que te parece una plantilla de navidad.

    ResponderEliminar
  16. te quedo muy bien la plantilla es muy moderna y original

    saludos!!

    ResponderEliminar
  17. El Venado, el problema sería que sólo se podría usar un mes y ya =S

    samantha, me alegro que te haya gustado, saludos.

    ResponderEliminar
  18. Hola pOtro
    bueno queria preguntar algo
    saliendodel tema de las plantillas y blogger estas de acuerdo con esto
    http://curiosidadesofworld.blogspot.com/2009/11/que-paso-con-los-impuestos-en-mexico.html

    ResponderEliminar
  19. Aaa vale gracias, pero ke pena...
    =(

    jaja, bueno otra cosa, busqué en tu buscador " como añadir nueva sidebar " y nu me salio nada , me podrias ayudar tu? =)

    ResponderEliminar
  20. Hola!
    Creo que no lo he entendido bieen
    Lo de la cabecera creo que si pero lo de las columnas noo
    Solo tengo que poner los codigos juntos? o como??

    ResponderEliminar
  21. Simon Potter, yo no tengo ese post pero te dejo un enlace de cómo hacerlo: http://ayudaparaelblog.blogspot.com/2007/02/agregar-una-segunda-sidebar-en-el-blog.html

    Dj Nestor, la cabecera hazla con una medida de 660px de ancho. Los códigos de las imágenes puedes ponerlos juntos de dos en dos, por ejemplo <img src="URL imagen"/><img src="URL imagen"/> luego un espacio de renglón y lo repites.

    ResponderEliminar
  22. espero no decir cualquier cosa, pero, muy buen truco el de tu perfil (A), casi caigo en la ilucion optica que refleja el blog (A), si dije cualquier cosa avisame (A) jajaja

    un abrazooo, y como siempre muy buenas ideas :)

    ResponderEliminar
  23. Muchas gracias Potro!!

    Pero creo que me explique mal, quiero tres columnas tipo como esto: http://img228.imageshack.us/img228/3065/screenum.jpg

    Si no se puede da igual me las apañare :)
    Siento darte tantos problemas, pero eres mi unica salvacion ;)

    ResponderEliminar
  24. Que tal Potro.
    Hasta aquí llego btemplates. Jajaja!!!.
    Potenciando el sitio Potro.
    Muy buen diseño.
    Excelente como siempre.
    Saludos.
    Jpz.-

    ResponderEliminar
  25. Ezequiel, a ver si no me demanda Blogger por plagio, jaja.

    Dj Nestor, no te preocupes que en lo que pueda te ayudaré. Puedes ponerlo usando una tabla de tres columnas, adentro de cada celda pones el código de cada imagen: http://ciudadblogger.com/2009/05/insertar-tablas-en-blogger.html

    Jpz, al parecer a los de Btemplates no les agradan mis plantillas, así que tendré que promocionarlas sólo aquí ;) Saludos.

    ResponderEliminar
  26. 26 comentario, ya lleva 14 descargas... creo que las estadísticas hablan por si solas!

    Sin duda, otra excelente creación de esta ciudad. Y cada una que haces está mejor que la anterior!!!! Los muchachos de btemplates te deben estar mirando de reojo ya! Sos una amenaza en potencia para ellos!!!! XD

    Me gusta mucho, y no sólo por el diseño de iPod Touch, sino por la ubicación de las tres columnas inferiores!

    Hasta el detalle de la carga de la baería!!! jajajaja!! Excelente!!!!

    Felicitaciones bro.... nada puede criticarse de semejante trabajo que haces a diario, sólo elogios se te pueden decir.


    Un abrazo!!!

    ResponderEliminar
  27. Qué genial que te gustó brother, me da alegría saber que vale la pena pelear por horas con Internet Explorer con tal de que les guste el trabajo final.

    Gracias por pasar.
    Un abrazo!

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

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

    ResponderEliminar
  30. Uff esta genial la he utilizado para una sección que queria crear en un Refugio de Animales "APANOT", con esta plantilla estamos difundiendo casos de animales que necesitan ayuda. Muy Original si la quieren ver en funcionamiento les dejo la dirección http://www.anunciosapanot.blogspot.com

    Muchisssimas Gracias!!! he tomado muchisimas ideas de ciudad blogger para la web del refugio!! http://www.apanot.blogspot.com

    ResponderEliminar
  31. Hola Nathy,

    Te ha quedado increíble, me ha gustado mucho cómo la personalizaste.
    Me alegro que encuentres aquí recursos e ideas para tu blog.

    Saludos!

    ResponderEliminar
  32. El Potro una consulta, como cambio las urls de los iconos?

    ResponderEliminar
  33. Hola 4d3m!r,

    En esta misma entrada después de Personalización dice cómo cambiar el menú, si deseas cambiar la url por completo entonces sustituye toda la URL, por ejemplo:
    http://youtube.com/usuario

    Saludos.

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

    ResponderEliminar
  35. Hola tengo una duda, no respecto a la plantilla sino mas bn quisiera que me ayudaras a modificar una plantilla. En este caso tengo la plantilla inove me gustaría que las entradas publicadas se vieran como en esta plantilla mobipress en pocas palabras quisiera que cada post vaya separado del otro. Y por ultimo como modifico la sección de comentarios para que se vean idénticos a los de esta pantilla Ishowcase. Por dios si tu no me ayudas me daré por vencido llevo casi 2 semanas en esto y no e logrado nada =(. Espero tu respuesta y te agradecere que me ayudes en esta odisea =)

    ResponderEliminar
  36. Tengo varios problemas con este template:
    1. No puedo centrar ni alinear totalmente a la derecha los textos u objetos, quedan centrados o alineados, pero como si el espacio para el texto fuera la mitad del espacio real.
    2. Me gustaría sacar la vista predeterminada de entradas con el "ver más" y que se vean las entradas completas, he intentado de todo pero terminé descojonando todo el blog.
    3. Quiero sacar las opciones de navegación por "siguiente" y "anterior" de las entradas. De nuevo, cuando lo intenté por mi cuenta descojoné todo.

    Me gusta mucho el template pero estos problemas me hacen reconsiderar si debería o no cambiarlo a uno que me resulte menos problemático...

    ResponderEliminar
  37. Ya solucioné lo de leer más :3

    ResponderEliminar
  38. Hola Sol

    Para ocultar los enlaces de navegación busca esta parte y agrega lo que está en negrita:

    #blog-pager {
    display:none;
    text-align: center;
    }
    #blog-pager a {
    display:none;
    color: #666666;
    }
    #blog-pager-newer-link {
    display:none;
    margin-left: 50px;
    float: left;
    }
    #blog-pager-older-link {
    display:none;
    margin-right: 50px;
    float: right;
    }


    Lo primero que comentas no he entendido, en el blog demo los textos están de forma normal.
    Si consideras que la plantilla te da problemas no te compliques y opta por otra.

    ResponderEliminar
  39. Gracias por lo de los links de navegación :)

    ResponderEliminar
  40. Hola EL Potro,

    Vaya web más interesante. Vengo por aquí puesto que uso esta plantilla desde hace 2 días. Mi idea de blog es de entradas "muy cortas", con lo que no quiero que aparezca lo de "leer más".
    Otro asunto es los iconos del menu superior. Yo no uso ni facebook, ni twiter, ni myspace,...sólo el correo y aveces entro en youtube.
    Qué me aconsejas hacer con esos botones??
    Los quito??? Los cambio por otras cosas?? lo dejo para decorar??

    Gracias y Enhorabuena por la web

    ResponderEliminar
  41. Hola Sofía,

    Te dejo un enlace que explica cómo quitar el Leer más de las plantillas:
    http://ciudadblogger.com/2011/07/quitar-el-leer-mas-automatico-en-las.html

    Los iconos a gusto meramente personal creo que se ven bien, puedes quitarlos si quieres, pero igual puedes cambiarlos por otros, incluso por unas fotos, no sé, supongo que ya será a tu gusto y necesidades del blog.

    Muchas gracias por tu comentario y qué gusto que ha sido de tu agrado esta plantilla.

    Saludos!

    ResponderEliminar
  42. Los intentaré cambiar por otros ;)

    GRACIAS por tu amabilidad El Potro!!!

    ResponderEliminar
  43. Por nada, en lo que pueda ayudarte ya sabes que por aquí andaré ;)

    ResponderEliminar
  44. Hola El Potro,

    ¿Qué tamaño de pixeles tengo que poner a las fotos que voy a poner como iconos en mi/tu plantilla Ipod?

    Muchas gracias

    ResponderEliminar
  45. Hola Sofía,

    Las imágenes son de 60px por 60px.
    Saludos.

    ResponderEliminar
  46. Perdona de nuevo, El Potro.

    ¿Se podría poner el botón de edición rápida en las entradas? Así cuando quiera modificar la entrada no tendré que acceder por blogger...

    Gracias

    ResponderEliminar
  47. Hola Sofía,

    Eso se hace desde la configuración del blog, dentro de Configuración > Básico >¿Mostrar Edición rápida en su blog?.
    Si aplicándolo ahí no aparece entonces ve a Diseño > Elementos de la página, click en Editar sobre Entradas del blog, y ahí marca la casilla del lápiz.

    Saludos.

    ResponderEliminar
  48. Gracias otra vez.

    Ha sido fácil jeje

    Con tu permiso, he puesto un enlace a esta maravillosa web en mi novato y humilde blog
    ;)

    Un beso
    S.

    ResponderEliminar
  49. Vaya, fácil, pero no sale el lápiz :(

    He hecho todo lo que me has detallado, y pensaba que ya había solucionado el problema...

    Sorry

    ResponderEliminar
  50. No hay problema, entonces vamos a agregarlo directamente desde la plantilla.
    Expande los artilugios y busca esta línea:
    <p class='post-footer-line post-footer-line-2'>

    Arriba de ella agrega lo siguiente:

    <!-- quickedit pencil -->
    <b:include data='post' name='postQuickEdit'/>
    <span class='post-backlinks post-comment-link'>
    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
    <b:if cond='data:post.showBacklinks'>
    <a class='comment-link' expr:href='data:post.url + &quot;#links&quot;'><data:top.backlinkLabel/></a>
    </b:if>
    </b:if>
    </b:if>
    </span>


    Gracias por el enlace. ¡Saludos!

    ResponderEliminar
  51. Gracias El Potro, pero no sé qué hago mal que no me sale ;(
    No te preocupes, que no es de vida o muerte ;)

    Muxas Gracias chico!!!

    ResponderEliminar
  52. PPOTRILLO!!!!! Tanto tiempo idolo de mi corazon!... mira que linda que queda mi web con esta plantilla. http://www.rmmusica.com.ar/
    ahora solucione un drama que tenia con el logo que me quedaba sobre la izquierda (de mi pantalla) y logre centrarlo... pero si abris un post no me quedan muy prolijos y se me salen los textos... si miras en algun momento agradeceria alguna sugerencia de donde (en el codigo) deberia corregir ese error. Saludos y MIL MILLONES DE GRACIAS!!!.

    ResponderEliminar
  53. Hola RM Musica,

    Qué milagro y qué gusto verte de nuevo por aquí ;)
    Entré pero supongo que ya has sabido arreglarlo porque en las entradas veo todos los textos en su lugar, excepto el línk para publicar comentarios.
    Para arreglar ese busca esta línea:
    #comments-block .comment-footer {

    Arriba de ella pon esto:
    .comment-footer {margin-left:50px !important;}

    Saludos.

    ResponderEliminar
  54. Que capo que sos!... si, lo solucione al drama anterior... pero tuve que leer mucho jaja y no nos gusta demasiado, nos gusta mas que "El Potro" nos de todo hecho... pero que hariamos sin vos??? asi que me puse a leer y creo que lo solucione... ahi voy con el tema de los comentarios... GRACIAS IDOLO!

    ResponderEliminar
  55. Eso está mucho mejor, porque El Potro no siempre estará :)
    Qué bueno que ya está todo bien!

    ResponderEliminar
  56. Buenas tardes Potro, he utilizado algunos de tus códigos y sugerencias y me han servido para mejorar mi blog, muchas gracias, pero necesito un favor, quiero que mi blog pueda ser usado a tres columnas de esta manera: gadets a la derecha y la izquierda y entradas al centro, pero no quiero perder nada de mi plantilla original deseo conservar todos mis formatos,solo deseo poder colocar unos gadets a la izquierda y otros a la derecha.
    mucho te agradecería me ayudaras en esto por favor

    ResponderEliminar
  57. Hola Prof. Erasmo,

    Depende de cuál sea la plantilla que uses, si usas una plantilla del Diseñador de Plantillas de Blogger entonces desde ahí puedes colocar la columna que deseas. Si es una plantilla antigua (pero original) de Blogger entonces en la red hay varios tutoriales sobre ese tema.
    A esta plantilla en específico no se le puede agregar pues se rompería su estructura además que los fondos están hechos con imágenes que no cuadrarían con los cambios que deseas.

    Saludos.

    ResponderEliminar
  58. bueno mi blog usa una plantilla original, buscare eso en la red.
    muchas gracias

    ResponderEliminar
  59. Disculpa, necesito subir una plantilla y no puedo da error...
    "No hemos podido guardar la plantilla.

    Tu plantilla no se ha podido analizar debido a que su formato no es correcto. Asegúrate de que todos los elementos XML estén cerrados correctamente. Mensaje de error de XML:
    Could not find a preferred section to add deleted widgets to."
    Como hago... te dejo la plantilla
    http://btemplates.com/2010/blogger-template-under-maintenance/demo/

    ResponderEliminar
    Respuestas
    1. Hola EzeSar/EHS, asegúrate que la plantilla esté en formato XML. Si te sigue dando error cambia a la antigua interfaz.

      Eliminar
  60. Hola Potro, quiero adaptar esta plantilla para mi sitio - vos me podes ayudar ? - Soy profe y doy clases. Para darle seriedad a este pedido estoy dispuesto a pagarte ... (unos mangos ... algo) - podés? como nos comunicamos?

    ResponderEliminar
    Respuestas
    1. Hola Fran, ¿tu sitio es un blog de Blogger? si es así sólo tienes que descargar la plantilla y subirla.

      Eliminar
  61. Hola amigo, necesito una ayudilla, esque me gusto esta plantilla (este es el demo: http://www.plantillasbloggers.com/2010/02/simplex-worldness.html ) Ya la descargue pero no puedo subir la informacion en los gadgets, se que eres muy bueno y espero puedas ayudarme. Gracias!!!

    ResponderEliminar
    Respuestas
    1. Hola Jr1010, nunca he usado esa plantilla así que no sabría decirte, pero busca en la página del autor, seguro ahí tienen un tutorial que explica cómo funciona.
      Saludos.

      Eliminar
  62. Gracias amigo, una pregunta, mira este es mi blog.. (http://noticiastuxtepec.blogspot.mx/) Es de 3 columnas pero por alguna razon los gadgets de la derecha se movieron hacia abaJo, son los que tienen la imagen de 300x250. Me podrias ayudar a que queden en su lugar, gracias !!!

    ResponderEliminar
    Respuestas
    1. Hola Jr1010, ¿recuerdas cuál fue el último cambio antes de que sucediera eso? ¿tienes un respaldo de la plantilla?

      Eliminar
  63. No amigo, no hice respaldo. Sole cree el blog y enseguida subi esa palntilla, y en cuanto subi la informacion para hacer pruebas, los gadgets se movieron.

    ResponderEliminar
    Respuestas
    1. Pues parece que como que hubiera un error en la plantilla, porque el gadget HTML13 pareciera encerrar todos los gadgets, incluyendo la sidebar, y no debería ser así. Prueba descargarla desde otro sitio, quizá haya alguna actualización, si es de la página del autor mejor.

      Eliminar
  64. DelPotro, 2 cosas, una si podes hacer una plantilla de Habbo.es y la otra como haces estas plantillas? Espero que la respondas :)

    ResponderEliminar
    Respuestas
    1. Ya te he respondido en otro comentario. Saludos.

      Eliminar
  65. Hola potro mira te explico esta plantilla esta excelente es justo lo que necesitaba ya que la temática de mi blog es móviles anda perfecto en la versión web.
    quisiera saber si puedo implementar algún código para que en la versión móvil cuerpo del post se haga un 25% mas chico para que no se exceda del borde de la imagen de fondo.
    ya que quiero usar una plantilla personalizada en versión móvil.
    en caso de no haber solución a esta petición , podrías decirme como activo un gadget en la versión móvil si elijo cualquier plantilla que o sea la personalizada .
    e intentado con el atributo
    mobile=´yes´ pero no funciona desde ya muchas gracias.

    http://sitiosmobi.blogspot.com.ar/ --> versión web anda excelente


    http://sitiosmobi.blogspot.com.ar/?m=1 --> versión wap el cuerpo del post excede.

    ResponderEliminar
    Respuestas
    1. Perdón Potro cuando dije "25% mas chico" me refería a mas agosto.

      Eliminar

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