Template Setembro
Pelo nome do template é fácil chegar a duas conclusões: a) eu não tenho a mínima imaginação para batizar templates e b) este template está sendo publicado com um certo atraso.
Ele segue os moldes do Template Futebol, porém com a sidebar à direita. A diferença principal é o slide que funciona apenas na primeira página do blog (Home) e que também pode ser retirado do template sem problemas.
Os posts se apresentam automaticamente resumidos com miniatura da imagem utilizada na página principal (Home) e também nas páginas que apresentam os posts relacionados a um marcador ou data do arquivo.
O último post publicado apresenta um resumo maior e tamanho da imagem também maior que o restante dos posts.
Todas as cores podem ser modificadas no painel Fontes e Cores, com poucas exceções. Foram utilizadas imagens tanto no header quanto no background da página que podem ser removidas através do código. Se você desejar remover as imagens, procure pelos seguintes trechos do código do template:
Background:
Apague o que está em negrito
body {
margin:0;
background:$bgcolor url(http://i32.tinypic.com/vpby2a.jpg) repeat;
Header
Apague o que está em negrito:
#header-wrapper {
margin:0 auto;
overflow:hidden;
padding:0;
background:$headerbgcolor url(http://i32.tinypic.com/2uyj7np.png) repeat-x;
Para colocar os links no menu horizontal
O espaço do menu está a direita do título do blog, na página Layout. Clique em Editar no retangulo correspondente e coloque seus links.
Para ativar o formulário de busca, procure o trecho abaixo e coloque o nome do seu blog onde indicado:
<div id='subright'>
<form action='http://seublog.blogspot.com/search' id='search' method='get'>
<label class='hidden' for='s'>Search:</label>
<input id='subsearch' name='q' type='text' value=''/>
<input id='subsubmit' type='submit' value='Go'/>
</form>
</div></div>
Para colocar imagens no slide, procure o seguinte trecho:
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div id='s3slider'>
<ul id='s3sliderContent'>
<li class='s3sliderImage'>
<img src='http://i26.tinypic.com/24oyu7n.jpg'/>
<span>texto-a-ser-exibido</span>
</li>
<li class='s3sliderImage'>
<img src='http://i26.tinypic.com/2cr9d02.jpg'/>
<span>texto-a-ser-exibido</span>
</li>
<li class='s3sliderImage'>
<img src='http://i28.tinypic.com/vhvq7l.jpg'/>
<span>texto-a-ser-exibido</span>
</li>
<div class='clear s3sliderImage'/>
</ul>
</div>
</b:if>
As imagens devem ter o tamanho 600px de largura e 220px de altura.
Substitua as url's em negrito pelas url's de suas imagens e coloque a legenda onde indicado.
Arquivos necessários para o funcionamento do slide:
Para que o slide funcione é necessário utilizar dois scripts: jQuery e s3Slider, que acompanham o pacote com o código do template. Hospede no Google Site ou use qualquer outra hospedagem de sua preferência, anote a url fornecida de cada um dos script, depois procure no código do template um trecho idêntico ao mostrado abaixo e coloque as url's onde indicado:
<script src='url do arquivo jquery' type='text/javascript'/>
<script src='url do arquivo s3Slider' type='text/javascript'/>
- Se você não deseja utilizar o slide, basta apagar todo o trecho mostrado acima (para a colocação das imagens).
- Não retire o link para o Templates Novo Blogger que está no rodapé.
- Se deseja redistribuir este template, por favor entre em contato comigo.
- Se desejar fazer outras modificações no tema, consulte os tutoriais.
Em breve publicarei outros templates que estou terminando. Espero que gostem :)
