Diferente dos templates convencionais, o Template Photografia é próprio para blogs que priorizam a exibição de imagens. Sua página inicial, com altura definida, exibe um slide que toma toda a area do post, uma sidebar e um menu horizontal, fixo. As imagens do menu compoem o plano de fundo, por isso não podem ser eliminadas ou seu número diminuido: mesmo que você não edite 5 links, os 5 botões aparecerão.



Nas páginas internas o slide dá lugar ao post, com fundo claro:








Em uma página específica, denominada Portfolio,  é possível adicionar miniaturas de imagens que se expandem com um clique, através do uso do Lightbox. Aqui o fundo da página é preto, para valorizar as imagens:







Para adicionar os links no menu, clique em Editar no widget correspondente na página Layout.


Para adicionar as imagens no slide, procure o seguinte trecho no código do template:



<b:if cond='data:blog.url == data:blog.homepageUrl'>

<div id='s3slider'>

<ul id='s3sliderContent'>

<li class='s3sliderImage'>

<img src='coloque aqui o url da imagem'/>

<span>texto-a-ser-exibido</span>


</li>



<li class='s3sliderImage'>

<img src='coloque aqui o url da imagem'/>

<span>texto-a-ser-exibido</span>

</li>



<li class='s3sliderImage'>


<img src='coloque aqui o url da imagem'/>

<span>texto-a-ser-exibido</span>

</li>



<li class='s3sliderImage'>

<img src='coloque aqui o url da imagem'/>


<span>texto-a-ser-exibido</span>

</li>



<li class='s3sliderImage'>

<img src='coloque aqui o url da imagem'/>

<span>texto-a-ser-exibido</span>


</li>



<div class='clear s3sliderImage'/>

</ul>

</div>

</b:if>



Para utilizar a página com o fundo escuro (para as imagens com Lightbox) crie um post com este exato título 'Portfolio' ou altere o título no seguinte código do template:




<b:if cond='data:blog.pageName == &quot;Portfolio&quot;'>



Substitua o que está em negrito pelo título que pretende dar ao post onde exibirá as miniaturas das imagens.



Para ativar o efeito Lightbox, hospede sua imagem fora do Blogger (se conseguirem através do Blogger tanto melhor, eu não consegui), copiem a url fornecida e coloquem neste código:

<a href="url da imagem" rel="lightbox"><img border="0" src="url da imagem" style="height: 110px; width: 110px;" /></a>

O efeito funcionará em qualquer página uma das páginas internas e de arquivos, bastando utilizar o código acima para inserir a imagem.



Para criar uma 'chamada' para os posts do blog, coloque no menu um link para um determinado post ou marcador, como fiz no meu exemplo (Demo).



Como a página inicial tem altura fixa, o ideal  é apresentar apenas uma ou duas widgets na sidebar. Para apresentar um número maior de widgets na sidebar que apareçam apenas nas páginas internas, inclua o widget normalmente, depois vá em Editar HTML e clique em Expandir Modelo de Widget. Procure o widget pelo título (por exemplo "Marcadores') e acrescente o código em negrito:




<b:widget id='Label1' locked='false' title='Marcadores' type='Label'>

<b:includable id='main'>

<b:if cond='data:blog.url != data:blog.homepageUrl'>



....código do widget......



<b:include name='quickedit'/>

  </div>

</b:if>


</b:includable>

</b:widget>



O template utiliza diversos códigos javascripts que estão incluídos na pasta compactada, junto com as imagens e o código do template. Guarde todos os scripts e procure hospedá-los em algum site de confiança, evitando problemas futuros.