Fuutec Theme v1.0 | Plantilla para blogger

escrito por admin el 22 octubre 2011

33 comentarios

Debido a que muchos me pidieron el template de este Blog he decidido lanzarlo públicamente y permitir que cualquiera lo pueda tener en su sitio de manera gratuita.

El tema se llama Fuutec theme (es el mismo template que uso en este blog) es para Blogger y está en su versión 1.0, lo que significa que van a haber muchas más actualizaciones en el futuro, incluyendo mejoras, nuevas funciones, cambios en el diseño, etc.

Principales características de Fuutec theme

Leer mas con miniaturas

En los post del Home, se muestra una miniatura editable de 180*180 px y una pequeña descripción del post escrito, con la opción de “Seguir leyendo” para continuar la lectura.

íconos de suscripción y buscador personalizado

En el header podemos encontrar en la parte superior derecha unos íconos de suscripción con efectos en CSS3.
En la parte de abajo tenemos un buscador personalizado también realizado con CSS3, en el cual al no usar imágenes la carga del sitio es mucho más rápida.

Botones para redes sociales

Al final de cada post individual, podemos encontrar una sección con botones para compartir el artículo en las principales redes sociales; como Facebook, Twitter, Google+ y Taringa!. También debajo de estos botones tenemos los botones “Me gusta” y “Seguir” de nuestro sitio.

Footer amplio y editable

El tema cuenta con un footer amplio con 3 secciones definidas editables.

Caja de suscripción

Esta caja incluye botones hacia las principales redes sociales que permite de manera muy rápida al usuario seguir el blog.
Cuenta con el botón “Me gusta” de Facebook, el “+1″ de Google plus, “Seguir” de Twitter, una caja para suscribirse vía E-mail y RSS Feed.

Bajo tiempo de carga

Este template carga de forma muy rápida y es muy liviano. Al no poseer imágenes externas, ya que todo está realizado con CSS, incluyendo botones, efectos, buscador, etc, el tiempo de carga del sitio es muy bajo.

Licencia

Fuutec theme es totalmente gratuito y libre; está bajo licencia Creative Commons GPL por lo cual puedes modificar, adaptar, distribuir esta plantilla, manteniendo el enlace que se encuentra en el footer. Este enlace si quieres puedes cambiarlo de lugar, eres libre de modificar el diseño a tu gusto.

¡Atención leer!

Esta plantilla está protegida bajo la licencia Creative Commons GPL por lo cual puedes editar, modificar y eres libre de distribuirla siempre y cuando respetes el enlace y los créditos que se encuentran en el footer.
El enlace es obligatorio mantenerlo, ya que si lo quitas estarías usando una copia ilegal de la plantilla, por lo cual si quieres puedes cambiarlo de posición, pero no quitarlo ni cambiar su dirección URL.

Descarga

La descarga es de un archivo .xml (plantilla) y un .txt que contiene el código de la Caja de suscripción.

También si lo deseas como forma de agradecimiento puedes seguirnos en Facebook o Twitter, así estás al tanto de las nuevas versiones de Fuutec theme.

33 comentarios

  1. eliop25 dice:

    Gracias amigo.

    ¿Donde debe ir la caja?

  2. chicoloco123 dice:

    Hola @eliop25.
    La caja de suscripción va en la sidebar derecha, la incluyes un nuevo elemento HTML y pegas ese código. Recordá cambiar y arreglar las url con tus datos.
    Slds.

  3. LuisMigue dice:

    Gracias chicolo sabes como hacer para que en el header aparezca esa par – internet.tecnologia.noticias….-

    Y además también unos enlaces de adsense, abajo del titulo del blog pero que quede en el header.

    Gracias, un saludo.

  4. chicoloco123 dice:

    Hola @LuisMigue
    Para colocar adsense debajo del título y descripción del blog, tenés que insertar el código de adsense justo antes del div outer-wrapper

    Lo de las categorías en el header, veo que ya lo solucionaste.
    Slds.

  5. LuisMigue dice:

    Hola, gracias por la respuesta, he hecho lo qué dices y no se me centra en el header, si no abajo del header.

    y 2: Cuando intento colocar la descripción completa del blog, el header se me alarga hacia abajo mucho. ¿A qué se debe esto? ¿Cómo hago para solucionarlo?

    Muchas gracias y reitero gracia spor la planti.

    Un saludo

  6. LuisMigue dice:

    Otra cosa, disculpe la molestia, intento colocar un rectangulo adsense en el sidebar y depronto no sale en la pagina principal, pero sí cuando abro una entrada.

    A qué se debe?

    De nuevo gracias.

  7. chicoloco123 dice:

    Hola, para que el bloque de Adsense se muestre dentro de header, tenés que ponerlo dentro del div #header-wrapper y ahí lo ubicas como quieras.
    Con la descripción, cuando es muy larga esta se empieza a ir para abajo para evitar colapsarse con el buscador. Podés modificar estas medidas si querés, el div que lo controla se llama .descriptionwrapper.

    Con respecto al rectángulo de adsense en la sidebar, lo tenés que poner como un nuevo gadget HTML/javascript así aparecerá en todas las páginas de tu blog.

    Cualquier otro cosa me avisás. Slds!

  8. zux dice:

    Hola estoy instalando la plantilla en un blog, y haciendo pruebas (en el blog de pruebas) existe un problema con la caja de suscripción; el espacio para facebook, es reemplazado por la barra de blogger y ademas no se muestran ni los botones de twiteter ni de rss

    Gracias por tu respuesta http://zonareviews.blogspot.com/

  9. chicoloco123 dice:

    Hola @zux
    Ese problema que tenés, es porque tenés que editar esos campos con tus datos.
    En el caso de Facebook tenés que ingresar a https://developers.facebook.com/docs/reference/plugins/like/ y reemplazar el código de la caja (ACA_CODIGO_IFRAME_FACEBOOK) por el que te da Facebook, solamente reemplazá lo que está en mayúsculas indicandote.

    En Twitter, reemplazás: TU_USUARIO_DE_TWITTER por tu usuario, y en el caso de RSS y correo electrónico también cambias tus datos por los que te da Feedburner.

    Si tenés alguna otra duda me avisas, Slds!

  10. zux dice:

    Hola gracias por responder :D

    el espacio de facebook es el único q me sigue dando problemas :S CUAL ES EL CODIGO QUE NECESITO?

    como dato, para que se muestre la caja de feedbuner hay que activarla en FeedCount

  11. zux dice:

    Hola me corrijo, no se porque facebook, no me quería entregar el condigo Iframe, pero recién ahora, me lo arrojo :D

  12. chicoloco123 dice:

    @zux que bueno que lo pudiste solucionar, también recordá editar las secciones de "Compartir" debajo de las entradas individuales con tus datos.
    Slds

  13. Estadisticas dice:

    no puedo poner esta plantilla en blogger me puedes decir cual es el error?

  14. chicoloco123 dice:

    Hola, decime cual es el error que te muestra así veo si te puedo ayudar.
    Slds.

  15. datacrof dice:

    hola en q parte especifica hago para que me aparezca el adsense debajo del titulo pero solo en las entradas gracias por sus respuesta.

  16. chicoloco123 dice:

    Hola @datacrof, esta semana estaré haciendo un post tutorial sobre como poner adsense debajo de los títulos, ya que hay que usar unos condicionales de blogger y no puedo ponerlo acá.
    Estate atento. Slds!

  17. datacrof dice:

    ok ps esperare entonces, espero no tardes demasiado xD gracias por la ayuda

  18. Tecnologia dice:

    Esperemos que lo tengas para WordPress es un theme magnifico, me suscribo a tu página para ver el lanzamiento del mismo

  19. Anonymous dice:

    Gracias por la plantilla, es la mejor que he visto por ahora para blogger.
    Dos preguntas:

    1. ¿qué código hay que eliminar para quitar la caja de comentarios de blogger y así sustituirla con mi código de la caja de Facebook? Pero que quede debajo del "Compartí tu opinión con los demás, deja un comentario. ↓"

    2. ¿Cómo se puede poner un anuncio, imagen o lo que sea a la derecha del "Compartí este post con tus amigos"?

    Muchísimas gracias por todo, de verdad.

  20. datacrof dice:

    ya paso una semana y aun no ponen el tuto de como poner adsense en los post debajo del titulo

  21. Jao dice:

    Me ha gustado mucho el theme pero me estoy percatando de que ya no hay opcion para subir tu theme a blogger, simplemente desaparecio.

    • chicoloco123 dice:

      Hola @Jao.
      En la nueva interfaz de blogger también se pueden subir themes propios, simplemente tenés que ir a la sección “Plantilla” de la barra lateral izquierda, y buscá en la derecha el botón “Crear copia de seguridad/Reestablecer”, haces clic y seleccionas el archivo.

      Suerte! ;)

  22. [...] en la imagen de arriba, hice la prueba con Fuutec para averiguar como es su tiempo de carga con la nueva plantilla Fuutec theme; el resultado fue de 1.6 segundos desde Estados Unidos usando como navegador Safari 4, un tiempo [...]

  23. [...] habrás dado cuenta de algunos de los cambios que hay en el blog respecto a su versión anterior, Fuutec theme v1.0. Primeramente el nombre del tema fue cambiado, anteriormente se llamaba Fuutec theme, ahora el [...]

  24. zux dice:

    Hola nuevamente, tengo implementada la plantilla en un blog y anda perfecto :D

    Me gustaría implementarla en otro sitio, pero quiero saber como puedo cambiar los colores y sacar el seguir leyendo automático?

    • chicoloco123 dice:

      Hola Zux! Primeramente gracias por visitar el blog y tomarte la molestia de comentar ;)

      Con respecto a tu pregunta, puedes realizar ambas modificaciones. Para sacar el “Seguir leyendo” fijate en este enlace que expliqué como hacerlo.
      El tema de los colores es más complicado, tenés que modificar los propiedades CSS dependiendo de los colores que te gusten.

      Un saludo.

  25. zux dice:

    comprendo, entonces para cambiar un color no basta con cambiar un código corto? Ej. 123231 por 432432

  26. pedro_salinas dice:

    Holas soy de forobeta, quería agradecerte por el diseño de tu template es extremadamente hermoza y elegante, muchas gracias, amigo

  27. jesusadolfoo dice:

    hola no se si me puedes ayudar la sidebar en cualquier entrada se ve a la perfeccion pero en la pagina principal se va hasta abajo como puedo corregir esto?

  28. Asys dice:

    Gracias, lo descargue y voy a aplicarlo a mi blog.

Responder a eliop25