Ele, Template para Blogger

Free Blogger Templates Publicado por Claudia en enero 29, 2009

DEMO | DOWNLOAD

Ele es un Theme WordPress de dos columnas diseñado por Inspired Spark, y convertido a Blogger por mí. Siempre me gustó este theme, y comencé a convertirlo a Blogger hace un tiempo, pensando en utilizarlo en mi blog personal. Para mi gusto, es un diseño simple y elegante, que puede ser usado no sólo en blogs personales. El theme original para WordPress puede verse aquí.
NOTA: Los íconos de redes sociales que aparecen al pie de cada post no son parte del post. Es un plugin para WordPress llamado “sociable“.

*Testeado en Firefox 3, IE 7 & IE 8.

Instrucciones – Instrucions

1. Anda a Diseño/Edición de HTML y sube la plantilla. Guarda. / Go to Layout/Edit HTML and upload the xml file. Save.

2. Cambia el formato de la hora a la fecha del día de hoy (por ejemplo, Miércoles, Enero 28, 2009) en Configuración/Formato. Change the post timestamp format to the date today (for example, Wednesday, January 28, 2009) at Settings/Formating.

3. Personaliza el menú buscando este código./ Customize your menu bar (there are two) by searching this code.

<ul id='nav'>
 
<li class='page_item'><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li class='page_item'><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;'>Posts RSS</a></li>
<li class='page_item'><a expr:href='data:blog.homepageUrl + &quot;feeds/comments/default&quot;'>Comments RSS</a></li>
<li class='page_item'><a href='#'>Edit</a></li>
 
         </ul>

4. Busca el siguiente código para cambiar la url de tu blog y el link del tu feed RSS (si usas Feedburner)./ Search for the following code to change your blog url and your RSS feed link (if you use Feedburner):

<div id='sb'>
<a href='http://technorati.com/faves?add=http://YOURBLOG.blogspot.com/'><img alt='technorati' src='http://2.bp.blogspot.com/_XxWhaC4o7dE/SThAxTESzdI/AAAAAAAAAIQ/WZccR6A-IWk/s1600/technorati.gif'/></a><a href='/feeds/posts/default'><img alt='subscribe' src='http://4.bp.blogspot.com/_XxWhaC4o7dE/SThAxIdRznI/AAAAAAAAAH4/NpSShOhG_t0/s1600/rss.gif'/></a>
</div>

5. Pon tus anuncios aquí./Put your ads here.

<div id='ads'>
<a href='#'><img alt='ads' src='http://4.bp.blogspot.com/_XxWhaC4o7dE/SThAvllPZ6I/AAAAAAAAAG4/flUohgfTVhc/s1600/adblock.gif'/></a><a href='#'><img alt='ads' src='http://4.bp.blogspot.com/_XxWhaC4o7dE/SThAvllPZ6I/AAAAAAAAAG4/flUohgfTVhc/s1600/adblock.gif'/></a>
</div>
Compártelo!
33 Comentarios en Ele, Template para Blogger
  1. Dragonfeeler dice:

    Thank you template!!!It’s nice!

  2. hackvan dice:

    hola tengo un problema con lo de la fecha simplemente queda en blanco y no se que hacerle.

  3. hackvan dice:

    hola tambien tengo otra dudasa me gustaria implementer lo del script del leer mas pero simplemente no encuentro en esta plantilla la linea de que mencionas para agregar el codigo, simplemente me colgue.

  4. Claudia dice:

    Lo de la fecha está en las instrucciones, más arriba… Lo otro, creo que está en los comentarios del post de “leer más” 😉

  5. FD dice:

    Hola. ya segui las instrucciones de la fecha pero aun se queda en blanco 🙁

  6. Claudia dice:

    Qué entraño… ¿Estás seguro de que cambiaste el formato de la hora, y no el de la fecha?

  7. hackvan dice:

    yo tambien coloque el formato de la fecha lunes, enero 30, 2009 y nada me quedo en blanco 🙁

  8. Claudia dice:

    Lo que hay que cambiar es el formato de la hora, no el de la fecha 😉

  9. FD dice:

    Hola de nuevo en uno de mis blogs ya esta solucionado, pero en el otro sigue en blanco, de todas maneras muchas gracias e intentare resubir el xml

  10. Stephanie dice:

    Hi. I really like this theme, but I would like to change up the look of the archives a bit. I’d like the arrows that expand the archives to be below the years and months instead of above. What code do I need to move to make that change? Thanks.

  11. Martín dice:

    Muy bonito el theme. Mis felicitaciones por tu arte. ;D

  12. i-trepreneur.com dice:

    the date does not show on this template

  13. i-trepreneur.com dice:

    ok, the date now works fine, but the sidebar is below the actual posts 🙁

  14. Claudia dice:

    @i-trepreneur: Unusual, ‘cause nodoby else notified that before. Didn’t you do any change? Do not modify any margin or padding value. Maybe you could try to istall the template again 😉

    @Stephanie: You need to make many changes to show the archive widget in a different way (not recommended). This problem happens because the template list style for the sidebar is show as “blocks”. It’s Blogger, not me 🙁

  15. i-trepreneur.com dice:

    Hi, thank you, it works now after I changed the archieve widget in the sidebar to a drop out one. Thank you for the theme!

  16. Tiago dice:

    a data nao aparece e algumas imagens nao carregam

  17. Claudia dice:

    @Tiago: Read the instructions 😉

  18. Tiago dice:

    ive succeed in the timestamp, but the images of the upper template and of the gadgets names dont load sometimes using the instructions

  19. Renato dice:

    Thanks for the template… I really like it, I just did some little modifications 😉

  20. spreeathene dice:

    Great template!
    I tried every timestamp format (include: Freitag, Februar 20, 2009), no other changes, to install the template again – but the date doesn’t show.

  21. Claudia dice:

    @spreathene:
    Must be sure you’re chanching “Format des Zeitstempels”, not “Datums-Header-Format” 😉

  22. spreeathene dice:

    Oh oh – you’re right! Thanks a lot!

  23. Chemikal9 dice:

    Hi Claudia, I seem to be having a few issues with the template. Although it is beautiful and it is the one I am using, My links do not appear with underlines, or a change of color. I would also like to change the font and color of my blog title. Thank you very much.

  24. Memo dice:

    It’s working well! Thank You http://paratodosmusica.blogspot.com

  25. Claudia dice:

    @Chemkikal: That is ‘cause the links appear in #4e4e4e, as the original template.

    If you want to show the color of the links in a different way, add before ]]>< /b:skin > :

    .post a, .post a:visited {
    color: #YOURCOLOR;
    text-decoration: none;
    }
    .post a:hover {
    color: #YOURCOLOR;
    text-decoration: none;
    }

    Replace “none” by “underline” if you wish 😉

  26. liebe dice:

    Sie haben eine sch?ne Seite!

  27. Memo dice:

    One more doubt, I can’t make the ads frame to work, can you please tell me how to put an Amazon frame into the Ad spaces? Thank You again.

  28. Claudia dice:

    Memo: Just replace the code I said above and add your ad between div tags:

    <div align='center'>Your-ad-code</div>

    It musn’t have more than 200px width.

  29. Ozl dice:

    Gracias por todo!
    eres buenisima onda!

    http://www.wii4everybody.com ahora se ve mejor
    Saludos desde Nuevo Laredo Mexico!

  30. Wyn dice:

    Hi Claudia, nice template you have here. Currently I’m using this one for my own blog. So, I have something to ask you regarding the sidebar section. If you don’t mind could you please take a look at my test blog. ohfrenchvanilla.blogspot.com As you will see, the ‘Live Traffic Feed’ is overlapping the ‘Blog Archive’ section. I’d tried to switch the ‘Live Traffic Feed’ to the lowest position. But as the number of the gadgets at the sidebar grows, the ‘Live Traffic Feed’ will exceeds the footer section and the whole thing looks totally screwed up. What should I amend? I’m looking forward to hear from you soon. Thanks.

  31. Claudia dice:

    Wyn:
    The problem is that you’re using the script between h1 tags. Your code is:

    <center><h1><script src="http://feedjit.com/serve/?bc=000000&amp;tc=8a8a8a&amp;brd1=1e2323&amp;lnk=7fcc14&amp;hc=cc0050&amp;ww=215" type="text/javascript"></script><noscript><a href="http://feedjit.com/" rel="nofollow">Feedjit Live Blog Stats</a></noscript><br/></h1></center>
    </div>

    It must be:

    <center><script src="http://feedjit.com/serve/?bc=000000&amp;tc=8a8a8a&amp;brd1=1e2323&amp;lnk=7fcc14&amp;hc=cc0050&amp;ww=215" type="text/javascript"></script><noscript><a href="http://feedjit.com/" rel="nofollow">Feedjit Live Blog Stats</a></noscript><br/></center>
    </div>

    Regards 😉

  32. Wyn dice:

    Hi Claudia,
    Thanks. I’m using this in my blog now. ohjusttoowell.blogspot.com I learned a new thing although it’s really simple. Thanks again. 🙂

  33. oliva dice:

    Hi! I would this template! Sometimes I think my page load is slow, do you allow if I upload the template photos in photobucket so I dont need to worry about overload.

    thank you