Templates Grátis para Blogs Femininos - Faustina Blogger Theme


Faustina é um modelo de 2 colunas produzido pelo blog Chica Blogger. Seu tema possui um controle deslizante, formulário de comentário e quatro colunas no rodapé.




A barra de menu está no topo juntamente com os ícones de mídia social. Para adicionar links de suas contas, encontre o código abaixo em Editar HTML e substituir '#' com as respectivas identificações sociais -

<a href='#'>
<img alt='Twitter' src='http://4.bp.blogspot.com/-ekXOhf-aaZo/T8GkrhrSAOI/AAAAAAAADyk/c2oUALuXBlk/s1600/twitter.png' title='Twitter'/></a>
<a href='#'>
<img alt='Feed' src='http://4.bp.blogspot.com/-ejL9RZaYKCQ/T8Gkr_7xVMI/AAAAAAAADyw/RDWLnI_maU8/s1600/feed.png' title='RSS'/></a>
<a href='#'>
<img alt='Facebook' src='http://4.bp.blogspot.com/-qyhhk3AMD4k/T8GksXxfrJI/AAAAAAAADzI/yrDf9qAnIj8/s1600/facebook.png' title='Facebook'/></a>
<a href='#'>
<img alt='Mail' src='http://4.bp.blogspot.com/-k85-E_-IhSE/T8GksCVM_gI/AAAAAAAADy8/_7uAd_05gFI/s1600/email.png' title='Mail'/></a>
</div>

Passando para o controle deslizante, edite acessando:  Editar HTML e encontre o código a seguir, as imagens devem ser de 600x300px, e a versão em miniatura da imagem é exibida no lado da barra principal. No código abaixo, você precisa adicionar os detalhes duas vezes para cada slide.

<div id='featured'>
<ul class='ui-tabs-nav'>

<li class='ui-tabs-nav-item ui-tabs-selected' id='nav-fragment-1'><a href='#fragment-4'><img alt='testing' height='60' src='http://4.bp.blogspot.com/-5IXpoH4g3MY/T8GZ9ZhnVtI/AAAAAAAADxA/3B0mjqppsak/s1600/1.jpg' width='80'/><span>Featured Post 1 with Small Thumbnail</span></a></li>

<li class='ui-tabs-nav-item' id='nav-fragment-2'><a href='#fragment-3'><img alt='testing' height='60' src='http://3.bp.blogspot.com/-f4J8qY-utsY/T8GZ9nuxpWI/AAAAAAAADxM/R85emRlCuxc/s1600/2.jpg' width='80'/><span>Featured Post 2 with Small Thumbnail</span></a></li>

<li class='ui-tabs-nav-item' id='nav-fragment-3'><a href='#fragment-2'><img alt='testing' height='60' src='http://1.bp.blogspot.com/-u95qkblumu8/T8GZ-WKMSMI/AAAAAAAADxY/BsEy99jBuQQ/s1600/3.jpg' width='80'/><span>Featured Post 3 with Small Thumbnail</span></a></li>

<li class='ui-tabs-nav-item' id='nav-fragment-4'><a href='#fragment-1'><img alt='testing' height='60' src='http://4.bp.blogspot.com/-r1aybHar9rc/T8GZ-ly2KRI/AAAAAAAADxk/BsIKKdpltD0/s1600/4.jpg' width='80'/><span>Featured Post 4 with Small Thumbnail</span></a></li>
</ul>

<!-- First Content -->
<div class='ui-tabs-panel ui-tabs-hide' id='fragment-4' style=''>
<img alt='testing' height='290' src='http://4.bp.blogspot.com/-5IXpoH4g3MY/T8GZ9ZhnVtI/AAAAAAAADxA/3B0mjqppsak/s1600/1.jpg' width='600'/>
<div class='info'>
<h3><a href='#'>Title Featured Post 1</a></h3>
<p>Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros...<a href='#'>More</a></p>
</div>
</div>

<!-- Second Content -->
<div class='ui-tabs-panel ui-tabs-hide' id='fragment-3' style=''>
<img alt='testing' height='290' src='http://3.bp.blogspot.com/-f4J8qY-utsY/T8GZ9nuxpWI/AAAAAAAADxM/R85emRlCuxc/s1600/2.jpg' width='600'/>
<div class='info'>
<h3><a href='#'>Title Featured Post 2</a></h3>
<p>Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam...<a href='#'>More</a></p>
</div>
</div>

<!-- Third Content -->
<div class='ui-tabs-panel ui-tabs-hide' id='fragment-2' style=''>
<img alt='testing' height='290' src='http://1.bp.blogspot.com/-u95qkblumu8/T8GZ-WKMSMI/AAAAAAAADxY/BsEy99jBuQQ/s1600/3.jpg' width='600'/>
<div class='info'>
<h3><a href='#'>Title Featured Post 3</a></h3>
<p>Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros...<a href='#'>More</a></p>
</div>
</div>

<!-- Fourth Content -->
<div class='ui-tabs-panel' id='fragment-1' style=''>
<img alt='testing' height='290' src='http://4.bp.blogspot.com/-r1aybHar9rc/T8GZ-ly2KRI/AAAAAAAADxk/BsIKKdpltD0/s1600/4.jpg' width='600'/>
<div class='info'>
<h3><a href='#'>Title Featured Post 4</a></h3>
<p>Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam...<a href='#'>More</a></p>
</div>


Adicione a sua url no post, além do texto alternativo, o endereço da imagem, título do post e descrição, não esqueça de adicionar esses detalhes duas vezes para cada slide. Você também pode substituir o logotipo, o arquivo psd vem na pasta de download.

A coluna principal mostra o resumo da postagem com o link e Leia nas miniaturas. Enquanto a barra lateral mostra a caixa de pesquisa com widgets diferentes do blogger. Da mesma forma, você pode personalizar o rodapé para incluir mais conteúdo do seu blog.

Fonte: Bloggerblogemplates

Next
Previous
Click here for Comments

0 comentários:

Seja bem vindo ao Blog Mais completo de Templates da Internet.
Não orientamos na instalação de Templates Grátis. Favor não insistir.