Free Blogger Templates

Ele, Template para Blogger

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>

Posts relacionados

Compártelo!

33 Comentarios

Dragonfeeler dragonfeeler.blogspot.com
enero 30, 2009

Thank you template!!!It’s nice!

hackvan hackvan.blogspot.com
enero 31, 2009

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

hackvan hackvan.blogspot.com
enero 31, 2009

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.

Claudia girlyblogger.com
enero 31, 2009

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” ;)

febrero 2, 2009

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

Claudia girlyblogger.com
febrero 2, 2009

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

hackvan hackvan.blogspot.com
febrero 2, 2009

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

Claudia girlyblogger.com
febrero 2, 2009

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

febrero 3, 2009

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

Stephanie thistosay.blogspot.com
febrero 12, 2009

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.

Martín rellikiox.blogspot.com
febrero 13, 2009

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

i-trepreneur.com i-trepreneur.com
febrero 13, 2009

the date does not show on this template

i-trepreneur.com i-trepreneur.com
febrero 13, 2009

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

Claudia girlyblogger.com
febrero 14, 2009

@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 :(

i-trepreneur.com i-trepreneur.com
febrero 14, 2009

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!

Tiago conceitoinutil.com.br
febrero 15, 2009

a data nao aparece e algumas imagens nao carregam

Claudia girlyblogger.com
febrero 15, 2009

@Tiago: Read the instructions ;)

Tiago conceitoinutil.com.br
febrero 16, 2009

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

Renato revac71.blogspot.com
febrero 19, 2009

Thanks for the template… I really like it, I just did some little modifications ;-)

spreeathene spreeathene.blogspot.com
febrero 20, 2009

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.

Claudia girlyblogger.com
febrero 20, 2009

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

spreeathene spreeathene.blogspot.com
febrero 21, 2009

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

Chemikal9 chemikal9.blogspot.com
febrero 22, 2009

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.

Memo paratodosmusica.blogspot.com
febrero 23, 2009

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

Claudia girlyblogger.com
febrero 23, 2009

@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 ;)

liebe horrorhr.com
febrero 28, 2009

Sie haben eine sch?ne Seite!

Memo paratodosmusica.blogspot.com
marzo 1, 2009

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.

Claudia girlyblogger.com
marzo 2, 2009

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.

Ozl wii4everybody.com
marzo 6, 2009

Gracias por todo!
eres buenisima onda!

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

marzo 6, 2009

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.

Claudia girlyblogger.com
marzo 7, 2009

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 ;)

marzo 9, 2009

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. :)

oliva thehotcelebs.blogspot.com
abril 17, 2009

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