Mi nuevo template es una adaptacion del template que usaba anteriormente, antes usaba el template Andreas02 Blogger Template , el que uso ahora es la variación beta de ese template, una versión mas sencilla y minimalista.
[+/-] Anterior template
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="print.css" media="print" />
</head>
<style type="text/css">
body{
padding:0;
margin:0;
font:76% tahoma, verdana, sans-serif;
background:#e0e0e0;
color:#303030;
}
a{
text-decoration:none;
color:#286ea0;
}
a:hover{
text-decoration:underline;
}
#toptabs{
margin:10px auto -13px auto;
font-size:0.8em;
width:760px;
}
#toptabs p{
text-align:right;
color:#808080;
}
.toptab{
padding:3px 5px 3px 5px;
margin:0 0 0 4px;
text-decoration:none;
background:#f0f0f0 url(http://photos1.blogger.com/blogger/7994/1253/1600/corner2.gif) top right no-repeat;
color:#808080;
border-bottom:1px solid #e0e0e0;
}
.toptab:hover{
background:#fafafa url(http://photos1.blogger.com/blogger/7994/1253/1600/corner2.gif) top right no-repeat;
border-bottom:1px solid #eaeaea;
color:#505050;
text-decoration:none;
}
.activetoptab{
padding:3px 5px 3px 5px;
margin:0 0 0 4px;
color:#017ac1;
text-decoration:none;
background:#ffffff url(http://photos1.blogger.com/blogger/7994/1253/1600/corner2.gif) top right no-repeat;
border-bottom:1px solid #ffffff;
}
.activetoptab:hover{
text-decoration:none;
}
#container{
margin:0 auto 15px auto;
width:730px;
padding:5px 20px 20px 20px;
background:#ffffff;
}
#logo{
margin:15px 0 0 0;
}
#logo h1 a{
color:#303030;
}
#logo h1 a:hover{
text-decoration:none;
}
#navitabs{
clear:both;
}
.navitab{
padding:4px 8px 4px 8px;
margin:0 0 4px 0;
text-decoration:none;
letter-spacing:1px;
background:#e0e0e0 url(http://photos1.blogger.com/blogger/7994/1253/1600/corner.gif) top right no-repeat;
border-bottom:1px solid #ffffff;
border-left:1px solid #ffffff;
}
.navitab:hover{
text-decoration:none;
background:#d0d0d0 url(http://photos1.blogger.com/blogger/7994/1253/1600/corner.gif) top right no-repeat;
}
.activenavitab{
padding:4px 8px 5px 8px;
color:#ffffff;
margin:0 0 5px 0;
text-decoration:none;
background:#017ac1 url(http://photos1.blogger.com/blogger/7994/1253/1600/corner.gif) top right no-repeat;
}
.activenavitab:hover{
text-decoration:none;
}
#desc{
height:200px;
color:#ffffff;
padding:0;
background:#505050 url(http://photos1.blogger.com/blogger/7994/1253/1600/front.0.jpg) top left no-repeat;
clear:both;
margin:5px 0 0 0;
}
#desc p{
width:290px;
font-size:1em;
line-height:1.3em;
padding:0 0 0 15px;
}
#desc h2{
padding:15px 15px 0 15px;
color:#ffffff;
}
#desc a{
color:#ffffff;
text-decoration:underline;
}
#main{
width:500px;
float:left;
padding:0 15px 0 0;
border-right:1px solid #d0d0d0;
}
.block{
background:#f0f0f0;
padding:15px;
}
#sidebar{
width:180px;
float:right;
padding-left: 20px;
}
#sidebar p{
font-size:0.9em;
line-height:1.3em;
margin:0 0 12px 0;
}
.sidelink{
text-align:left;
display:block;
width:180px;
background:#f0f0f0 url(http://photos1.blogger.com/blogger/7994/1253/1600/corner.gif) top right no-repeat;
padding:3px 4px 3px 8px;
margin:5px 10px 5px 0;
}
.sidelink:hover{
background:#e0e0e0 url(http://photos1.blogger.com/blogger/7994/1253/1600/corner.gif) top right no-repeat;
text-decoration:none;
}
#footer{
clear:both;
background:#fafafa;
color:#808080;
font-size:0.9em;
padding:8px 0 8px 0;
border-top:1px solid #d0d0d0;
border-bottom:1px solid #d0d0d0;
text-align:center;
}
#footer a{
color:#808080;
}
h1{
margin:0 0 20px 0;
font-size:2.1em;
font-weight:normal;
}
h2{
margin:0 0 20px 0;
font-size:1.6em;
font-weight:normal;
}
h3{
margin:20px 0 10px 0;
font-size:1.4em;
font-weight:normal;
}
p{
margin:0 0 15px 0;
line-height:1.5em;
text-align:left;
}
.right{
text-align:right;
}
a img{
border:0;
}
.photo{
padding:5px;
display:block;
margin:0 auto 15px auto;
background-color:#f0f0f0;
}
.hide{
display:none;
}
blockquote{margin:20px 0;padding:0 20px 0 50px;background:url('http://photos1.blogger.com/blogger/7994/1253/1600/quote.jpg') 10px top no-repeat;border:none}
</style>
<body>
<br/>
<br/>
<br/>
<div id="toptabs">
<p>Site Network:
<a class="activetoptab" href="index.html">Personal</a><span class="hide"> | </span>
<a class="toptab" href="index.html">My Company</a><span class="hide"> | </span>
<a class="toptab" href="index.html">Artist projects</a><span class="hide"> | </span>
<a class="toptab" href="index.html">Shop</a></p>
</div>
<div id="container">
<div id="logo">
<h1><a href="<$BlogURL$>"><$BlogTitle$></a></h1>
</div>
<div id="navitabs">
<h2 class="hide">Site menu:</h2>
<a class="activenavitab" href="<$BlogURL$>"> Welcome</a><span class="hide"> | </span>
<a class="navitab" href="#">Bio</a><span class="hide"> | </span>
<a class="navitab" href="#">Discography</a><span class="hide"> | </span>
<a class="navitab" href="#">Downloads</a><span class="hide"> | </span>
<a class="navitab" href="#">Photos</a><span class="hide"> | </span>
<a class="navitab" href="#">Tour</a><span class="hide"> | </span>
<a class="navitab" href="#">Merchandise</a><span class="hide"> | </span>
<a class="navitab" href="#">Interviews</a>
</div>
<div id="desc">
<h1> </h1>
<p id="slogan"><$BlogDescription$></p>
</div>
<!-- Begin content -->
<div id="main">
<Blogger>
<BlogItemTitle>
<br/>
<br/>
<h2>
<a href="<$BlogItemPermalinkURL$>"><$BlogItemTitle$></a> <br/><span class="entrydate"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader></span></h2>
</BlogItemTitle>
<!-- Begin .post -->
<a name="<$BlogItemNumber$>"></a>
<p>
<$BlogItemBody$>
</p>
<p class="center small">
<em>posted by <$BlogItemAuthorNickname$> @ <a href="<$BlogItemPermalinkUrl$>" title="permanent link"><$BlogItemDateTime$></a></em>,
<MainOrArchivePage><BlogItemCommentsEnabled><a class="comment-link" href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnclick$>>
<script type="text/javascript">var a = <$BlogItemCommentCount$>;
if(a == 0) {document.write('No comment');}
else if(a == 1){document.write('1 comment');}
else {document.write(a+' comments');}</script></a>, </BlogItemCommentsEnabled><BlogItemBacklinksEnabled><a class="comment-link" href="<$BlogItemPermalinkUrl$>#links">links to this post</a>
</BlogItemBacklinksEnabled>
</MainOrArchivePage><$BlogItemControl$>
</p>
<!-- End .post -->
<!-- Begin #comments -->
<ItemPage>
<BlogItemCommentsEnabled><a name="comments"></a>
<h3><$BlogItemCommentCount$> Comments:</h3>
<dl>
<BlogItemComments>
<dt id="c<$BlogCommentNumber$>"><a name="c<$BlogCommentNumber$>"></a>
At <a href="#c<$BlogCommentNumber$>" title="comment permalink"><$BlogCommentDateTime$></a>,
<$BlogCommentAuthor$> said...
</dt>
<dd>
<p><$BlogCommentBody$></p>
<$BlogCommentDeleteIcon$>
</dd>
</BlogItemComments>
</dl>
<p>
<$BlogItemCreate$>
</p>
</BlogItemCommentsEnabled>
<BlogItemBacklinksEnabled>
<a name="links"></a><h4>Links to this post:</h4>
<dl id="comments-block">
<BlogItemBacklinks>
<dt class="comment-title">
<$BlogBacklinkControl$>
<a href="<$BlogBacklinkURL$>" rel="nofollow"><$BlogBacklinkTitle$></a> <$BlogBacklinkDeleteIcon$>
</dt>
<dd class="comment-body"><$BlogBacklinkSnippet$>
<br />
<span class="comment-poster">
<em>posted by <$BlogBacklinkAuthor$> @ <$BlogBacklinkDateTime$></em>
</span>
</dd>
</BlogItemBacklinks>
</dl>
<p class="comment-timestamp"><$BlogItemBacklinkCreate$></p>
</BlogItemBacklinksEnabled>
<p>
<a href="<$BlogURL$>"><< id="sidebar" method="get" action="http://www.google.com/custom" target="_top" border="0" bgcolor="#FFFFFF" nowrap="nowrap" valign="top" align="left" height="32" type="hidden" name="domains" value="<$BlogTitle$>" type="text" name="q" size="25" maxlength="255" value="" nowrap="nowrap" type="radio" name="sitesearch" value="" checked="checked" size="-1" color="#000000" type="radio" name="sitesearch" value="<$BlogURL$>" size="-1" color="#000000" type="submit" name="sa" value="Google Search" type="hidden" name="client" value="pub-5066699886314238" type="hidden" name="forid" value="1" type="hidden" name="ie" value="ISO-8859-1" type="hidden" name="oe" value="ISO-8859-1" type="hidden" name="cof" value="GALT:#008000;GL:1;DIV:#336699;VLC:663399;AH:center;BGC:FFFFFF;LBGC:FFFFFF;ALC:0000FF;LC:0000FF;T:000000;GFNT:0000FF;GIMP:0000FF;LH:50;LW:125;L:http://www.google.com/images/logo.gif;S:http://;FORID:1;" type="hidden" name="hl" value="en" class="sidelink" href="http:www.geckoandfly.com" class="hide" class="sidelink" href="http://www.geckoandfly.com/make-money-online" class="hide" class="sidelink" href="http://www.geckoandfly.com/blogspot-templates" class="hide" class="sidelink" href="http://www.geocities.com/making_real_money_online" class="hide" href="<$BlogItemPermalinkURL$>" href="<$BlogArchiveURL$>" href="<$BlogURL$>" id="powered-by" href="http://www.blogger.com" src="http://buttons.blogger.com/bloggerbutton1.gif" alt="Powered by Blogger" border="0" href="http://www.geckoandfly.com" src="http://photos1.blogger.com/blogger/7994/1253/1600/make_money_online_blogspot_template.4.jpg" alt="make money online blogger templates" width="88" height="31" border="0" longdesc="http://www.geckoandfly.com/blogspot-templates" id="footer" align="center" href="http://www.geckoandfly.com/blogspot-templates/" href="http://www.geckoandfly.com/make-money-online/" target="_blank" href="http://www.andreasviklund.com" href="http://www.geckoandfly.com/make-money-online" href="http://www.medical-health.info">
Si aún no han migrado a Blogger beta y deciden hacerlo (tema que puede resultar dificil e incomodo) aqui tienen la AYUDA BLOGGER que les sera muy util, en el futuo ire publicando como usar algunos de los widgets que hay en mi blog.
Con lo denso que puede volverse cambiar el template en esta nueva fase de Blogger Beta les dejo algunos links donde pueden conseguir algunas plantillas :
- Sand Dollar Template by iMessengr (download)
- Son of Moto template hacked for blogger beta
- Basic Template by Singoplyma (download)
- Underwater by Hans (download)
- 3-Colum Minima by Ramani (download)
- 1st. Blogger Template by Hoctro (download)
- Wider Sidebar by Vivek (step-by-step)
- Beta Trucos Templates
- RecursosBlog&Web tiene un gran listado de plantillas de exelente diseño, algunas son de wordpress adaptadas para blogger.
- Finalsense: Un clasico en creacion de plantillas. 200 plantillas para blogger beta aproximadamente, solo que hay algunas que se adaptan a algun tema. Plantillas hechas de seleccion de futbol, del mundial, de jugadores, cantantes, etc.
Espero que la información les ayude.
I new hacked template, Son of Moto
ResponderEliminarThanks Protesto for you coment in this post.
ResponderEliminarHola, Ander, extraño tu plantillita, era linda, bueno te cuento que muy bueno el dato, a mi me gusta la mia, ya hice la migración, hace unas cuantas semanas, al mejor estilo camicase, pero me fue bien, ya que me permite conservar la nautica esta que me gusta un montonazo, aunque ya estoy teniendo algun problema con la sidebar que se me baja cuando el post está en su pagina principal, no se tal vez es algo que yo hice. Estoy buscando otro diseño pero aun no encuentro una que me guste mucho, voy a esperar un tiempo, ademas no me interesan mucho las tags, solo quiero escribir y que lo que escribo se vea bonito. Gracias por la info, sabes quisiera encontrar una que tuviera, las lengüetas arriba, o modificar la mia para aprobechar ese espacio y no se como hacerlo, ya me pondré en campaña, es solo una idea.
ResponderEliminarSaludos
Andercismo,
ResponderEliminarCould you please add this hack to your post too?
Ohh cool, Protesto, i did ...
ResponderEliminarHola Silvina, si la verdad q la anterior quizas me gustaba mas, en fin, este año cambie como cuatro veces la plantilla, ando en epoca de cambios jajaja!, cuando migre a la beta de blogger no pude conservar el mismo template asi que le hize algunos cambios, ire publicando algunos tips por aca, pasa a leerlos y cualquier duda consultame si te puedo ayudar estare encantado, saludos.
ResponderEliminarSilvina, la verdad tenes razon, ahora le restaure el mismo HEADER que tenia antes, me parece que se ve mejor ...
ResponderEliminarSaludos.
Claro, ahora si esta linda, sabes, yo siento que la estética y la linea que le des a la plantilla es fundamental a la hora de leer algo, me baso en mi propia experiencia, antes de poner mi blog, vi muchisimos, y hubo muy pocos que con su diseño me invitaran a pasar. Por eso tengo esa plantillita azul, porque su color me atrapa. Bien ahora ya estamos en casa otra vez, veo que solo te faltan detalles en la sidebar.
ResponderEliminarSaludos Ander
Thanks a lot.
ResponderEliminarHi Andercismo,
ResponderEliminarI've modded Minima templates with my favorite hacks and released for downloading.
http://web-messengers.blogspot.com/2006/12/3-column-minima-templates-modded-for.html
I would be glad if you can blog about this.
I've added a permanent link back to your blog on my sidebar, I hope you'll get good hits from my site ;)
Best Regards,
Deniz
thanks Deniz for info, greetings!
ResponderEliminarHola Andercismo, llegue a tu página mediante San google je,je ocurre que tengo una página grupal y soy el administrador de la misma, hace un par de días migre a la versión beta y conjuntamente obligo a los miembros del equipo a migrar también a beta para poder seguir publicando en la página, poco a poco he investigado sobre la versión beta y me parece re buena.
ResponderEliminarSin embargo quisera hacerte una pregunta, la plantilla que tenía antes de la migración la modifique a mi gusto partiendo de una plantilla de panasmotata, luego de la migración solamente se perdió el codigo para borrar el nav bar, pero consulte en foros y coloque los nuevos codigos para borrar la navbar, los coemtaraios en halscan que uso se mantienen, en realidad todo funciona bien, mi pregunta es si llegará algun momento en que blogger me obligue a hacer la actualización de mi plantilla y tendré si o si que cambiarla ?????
Espero me puedas aclarar aquella duda.
Saludos
Hola Byrongio, te comento que la idea es que llegado el momento todos los blog de blogger pasen a la fase beta, mas bien que una vez que la beta deje de serlo todos los blog "gozaran" de las nuevas funcionalidades de blogger , creo que mientras no pases tu blog a la beta todo va a estar bien, si lo haces y queres mantener tus sitema de comentarios de Haloscan aqui te dejo unos links que te ayudaran en tu proceso migratorio :
ResponderEliminarhttp://logicalphilosopher.blogspot.com/2006/09/getting-haloscan-to-work-in-beta.html
http://www.haloscan.com/forum/index.php?showtopic=7202&st=0
http://seretuaccidente.blogspot.com/2006/10/cambio-blogger-beta.html
Gracias estimado¡
ResponderEliminarGracias a vos.
ResponderEliminarCompa, y ¿será mucha molestia pedirte (por favor) una explicación en castellano, o en cualquier idioma humano conocido, el procedimiento para colocar una imagen en el header? El tutorial que ofrece blogger beta está, aparentemente, en castellano, peeeeero al tratar de entenderlo, camarada...
ResponderEliminarMuchas gracias. Saludos desde Venezuela.
Apenas pueda posteare tips mas tips en la etiqueta BLOGGER BETA, saludos.
ResponderEliminarRounders template is ready to download ;)
ResponderEliminarthanks Deniz for info, greetings!
ResponderEliminar