<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</b:if>
<b:if cond='data:post.isDateStart'> 3 - Substitua a linha: <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
4 - Por esta:<div id='fecha'>
<script>var ultimaFecha = '<data:post.dateHeader/>';</script>
<script>remplaza_fecha('<data:post.dateHeader/>');</script>
</div>
<b:else/>
<div id='fecha'>
<script>remplaza_fecha('<data:post.dateHeader/>');</script>
<script>remplaza_fecha(ultimaFecha);</script>
</div> 5 - abaixo de </head> insira o codigo abaixo:<script>
function remplaza_fecha(d){
var da = d.split(' ');
dia = "<div class='fecha_dia'>"+da[0]+"</div>";
mes = "<div class='fecha_mes'>"+da[1].slice(0,3)+"</div>";
anio = "<div class='fecha_anio'>"+da[2]+"</div>";
document.write(dia+mes+anio);
}
</script>6 - cole o codigo css abaixo acima de]]></b:skin>/* Data ------------------------- */ #fecha { color: #464646; /*---Edite a cor da data---*/ padding: 8px; /*--- margens internas da data---*/ margin-right:10px; /*---Margem externa direita---*/ background: #eee; /*--- cor do fundo---*/ border: 4px solid #ccc; /*---cor da borda---*/ float:left; text-align:center; list-style:none; display: block; -moz-border-radius:80px; -webkit-border-radius:80px; border-radius: 80px; width: 30px ; height: 30px; } .fecha_dia { display:block; font-size:20px; /*---Tamanho da fonte---*/ line-height:16px; /*---Altura da Linha---*/ font-family:'Arial'; letter-spacing:-1px } .fecha_mes { font-size:10px; /*---Tamanho da fonte---*/ line-height:9px; /*---Altura da Linha---*/ text-transform:uppercase; display:block; } .fecha_anio { font-size:9px; /*---Tamanho da fonte---*/ line-height:8px; /*---Altura da Linha---*/ display:block; }
By THECREATE
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "static_page"'>
<b:include data='post' name='comments'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comments'/>
</b:if>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "static_page"'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.showThreadedComments'> <b:include data='post' name='threaded_comments'/> <b:else/>
<b:include data='post' name='comments'/>
</b:if> </b:if>
5 - Salve e pronto !!!
USE CTRL + F PARA PROCURAR
Para que serve esse tutorial?
para que os usuarios possam navegar com um fundo diferente.
voce podera coloca 3 fundos. quem entende de script podera adicionar mais. .
1 - Insira a css abaixo acima de ]]></b:skin>
#backgrounds a img{
width:40px;
height:40px;
display:inline;
margin-right:10px;
margin-top:15px;
border:2px solid #FFFFFF;
}
#backgrounds a:hover img{
border:2px solid #FFEC8B;
}
2 - Insira os Scripts abaixo de ]]></b:skin>
OBS: Coloque suas imagem de fundo onde esta escrito URL DO SEU FUNDO.
<div id="backgrounds"> <script src='http://code.jquery.com/jquery-1.6.2.min.js' type='text/javascript'></script> <script> $(document).ready(function(){ $("#background01").click(function(){ $("body").css({"background":"url(URL DO SEU FUNDO 1)"}); }); }); $(document).ready(function(){ $("#background02").click(function(){ $("body").css({"background":"url(URL DO SEU FUNDO 2)"}); }); }); $(document).ready(function(){ $("#background03").click(function(){ $("body").css({"background":"url( URL DO SEU FUNDO 3 )"}); }); }); </script> <center><a href="javascript:void(O)" id='background01' title="Fundo 1">
<img src="URL DO SEU FUNDO 1" /></a> <a href="javascript:void(O)" id='background02' title="Fundo 2">
<img src="URL DO SEU
FUNDO 2" /></a>
<a href="javascript:void(O)" id='background03' title="Fundo 3">
<img src="URL DO SEU FUNDO 3" /></a></center></div>
Creditos: Thecreatebr.
<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.pageType == "index"'>
<meta content='DESCRIÇÃO DO BLOG' name='description'/>
<meta content='PALAVRAS-CHAVE SEPARADAS POR UMA VÍRGULA' name='keywords'/>
<meta content='PALAVRAS-CHAVE SEPERADAS POR UM PONTO' name='robots'/>
<meta content='NOME DO AUTOR DO BLOG' name='author'/>
</b:if>
