Layout free Livros, Enfim (ATUALIZADO)

Agora o Layout Livros, Enfim ganhou uma atualização, veja como ficou: Livros, Enfim

A versão nova ganhou uma barrinha no topo do blog;

• PARA ALTERAR A IMAGEM DO CABEÇALHO:

- Crie uma imagem com algumas dessas imagens abaixo, ou outra de sua preferência;
- Vá no item Layout do seu blog
- Clique em editar no cabeçalho
- Insira uma imagem e selecione a opção "Em vez do título e descrição"
- Clique em Salvar

- Programas para edição: Photoshop, PhotoScape, Pixrl, PickMonkey...

• PARA INSERIR CAIXA DE PESQUISA:
- Vá no item Layout do seu blog
- Clique no link Adicionar um Gadget na sidebar
- Selecione HTML / Javascript
- No campo conteúdo cole o seguinte código:

<form action="/search" class="search" method="get">
    <input class="searchbar" id="s" name="q" type="text" value="Vamos Procurar" onfocus="if (this.value == 'Digite o que você procura') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Digite o que você procura';}" />
</form>

• PARA INSERIR CAIXA DE PERFIL NA SIDEBAR:
- Vá no item Layout do seu blog
- Clique em Adicionar um Gadget na sidebar
- Selecione HTML / Javascript
- No campo conteúdo cole o seguinte código:

<div class='widget Profile' id='Profile1'><h2></h2><div class='widget-content'><a href='http://livrosenfim.blogspot.com.br/'><img alt='My Photo' class='profile-img' height='80' src='URL DA SUA FOTO' width='80'/></a><dl class='profile-datablock'><dt class='profile-data'><a class='profile-name-link g-profile' href='SEU-LINK' rel='author' style='background-image: url(http://livrosenfim.blogspot.com.br/);'>
</a><br/><div class='g-follow' data-annotation='bubble' data-height='20' data-href='http://livrosenfim.blogspot.com.br/'></div></dt></dl><a class='profile-link' href='http://livrosenfim.blogspot.com.br/' rel='author'>View my complete profile</a><div class='hello'><span>Welcome!</span></div></div></div>Blog criado para...descreva o que quiser aqui...

Onde está marcado faça as alterações.

• PARA INSERIR REDES SOCIAIS E CATEGORIAS NA SIDEBAR:

- Vá no item Layout do seu blog
- Clique em Adicionar um Gadget na sidebar
- Selecione HTML / Javascript
- Se desejar, insira um título
- No campo conteúdo cole o seguinte código:

• REDES SOCIAIS:

<div class='widget-content'><a href=&#8220;&#8221;>
<img src="http://farm4.staticflickr.com/3699/12405288324_c7607063a2_o.png" alt="youtube-01" /></a>
<a href=&#8220;http://livrosenfim.blogspot.com.br/&#8221;>
<img src="http://farm3.staticflickr.com/2811/12405288134_b0c1549a87_o.png" alt="twitter-01" /></a>
<a href=&#8220;http://livrosenfim.blogspot.com.br/&#8221;>
<img src="http://farm8.staticflickr.com/7353/12405288004_f2650b0e03_o.png" alt="tumblr-01" /></a>
<a href='http://livrosenfim.blogspot.com.br';>
<img src="http://farm8.staticflickr.com/7358/12404973863_06f1579dcb_o.png" alt="rss-01" /></a><a href=&#8220;http://livrosenfim.blogspot.com.br/&#8221;>
<img src="http://farm6.staticflickr.com/5485/12404973723_d7973700da_o.png" alt="pinterest-01" /></a>
</div>

• CATEGORIAS:

<div class='widget HTML' data-version='1' id='HTML20'>
<h2 class='title'>Categorias</h2>
<div class='widget-content'>
<center>
<a tiptitle="Quotes" href="http://ilivrosenfim.blogspot.com.br/seulink"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilyDBCmZnC7K26ajdRBXBKQn4MKnyGtCsZpkqoB34PA78DWCgU5jVd82h4mxuW6LvYOjbsXlV2SoxgNdqRaoC_ZqkfxV6EUUezvGWx1DkcXaaC5m_LmIkOxr1j4TQkSfK6KvEPkpaXK0o/s1600/quotes.png" height="60" width="60" /></a>
<a tiptitle="Resenhas" href="http://ilivrosenfim.blogspot.com.br/seulink"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmQ5V57IEuN2gG0k1Qc1aa862w-0NV1-9r5fhyfvdFBjHG6AGQFGDKV1x3dG7kwInrM51Avdll46g7ceQcv90hbduWooGFYESqHrO0hffIy8EOtqmOalErvMUXCHEef1RovkCmI9U8yEI/s1600/resenhas.png" height="60" width="60" /></a>
<a tiptitle="Filmes & Séries" href="http://ilivrosenfim.blogspot.com.br/seulink"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheo7ptyBRMnBxV9mVKK-7IWOe4o749Evs8wMPHhrcE03ncpZPKnWCAu9obvme6_0o1eZm3bksxftWf2UrsJuMDB8YtVFewr9C5Uoa3u6Wi-RDosrEijd8JKnYcG4qaz723tPIgl562a2U/s1600/filmes+e+series.png" height="60" width="60" /></a>
<a tiptitle="Tags" href="http://ilivrosenfim.blogspot.com.br/seulink"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmLykD_4fraZM-W5NziNPCH1j8ildKODNyTRISSRtlvdUYaegwWnmDzVEV2d4e5w5lBOCUO7_rlKWMwC9LBAtBVWz9O03q2mq4r_x5rIgY-lD9y9IjsLaz6m_xn9H5GGB2gjbZdDZuaZk/s1600/tags.png" height="60" width="60" /></a>
<a tiptitle="Top 5" href="http://ilivrosenfim.blogspot.com.br/seulink"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCs2CHnQNZkDGB5J7IHdwSXKWsmCu9x8vSazl8_iolHd-bJl-QGtQwfcww8p7NGCeYp55ylKkTsyDMPluhwl1WNGVYgiNfinmesT6L7ZUo7GrcahRal79hqI-hr10r_-JvRJGfjsEll2c/s1600/top+5.png"height="60" width="60"  /></a>
<a tiptitle="Chegou pra mim" href="http://ilivrosenfim.blogspot.com.br/seulink"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUA33e4JysORc0CJyoyZStOlkq2oLGnn7b3SNCeXBaKTU4YPCIpve3tR4QsErHf27VR4YAjjtF-jDLbnuAKbhdulO4NHMc4f2XlXb3Xq60AfIdmGQVtpiSooZvtMWAeMl-aXYgrHXeoko/s1600/correios.png" height="60" width="60" /></a>
<a tiptitle="Extras" href="http://ilivrosenfim.blogspot.com.br/seulink"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNzsFpKqHWUqFkydfOC8BYrDmNnIGBFG21CNJDTRHtG7L1lsW8NAVFros5T_iPg-F407yF7eO4OKGd_lNpi3wgPOVbxohgYmA9Wub1-9Lubaw4WMAmK12aRIPBdsdncvVFwd8DQibsfIs/s1600/extras.png" height="60" width="60" /></a>
<a tiptitle="Para seu Blog" href="http://ilivrosenfim.blogspot.com.br/seulink"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR5q5kZbkjvm7e1qdxsygpafAn57LdVS3lHfJy_V4B9zTc8_b0wSEpih_ALmcEJCr8uAKi3NeK6kZPhhEcEWTqHYCRC09yDsxlcUfVlF4oq3furZFZitzy42bv3PORfsShQ_AjntFtgL8/s1600/tutorial.png" height="60" width="60"  /></a>
</center>
<select onchange="location=this.options[this.selectedIndex].value;" style="width:100%; background:#CEE3F6; color:#231f20;font-size:13px;font-weight: 300;border: none; padding:8px;">
<option />Outras Categorias
<option value="http://ilivrosenfim.blogspot.com.br/seulink" />Nome da categoria
<option value="http://ilivrosenfim.blogspot.com.br/seulink" />Nome da categoria
<opion value="http://ilivrosenfim.blogspot.com.br/seulink" />Nome da categoria
</select>
<div class="clear"></div></div></div>

Onde está SEULINK/CATEGORIA altere com links e Categorias do seu blog.

• PARA INSERIR GALERIA DE IMAGENS MINIATURA NO FOOTER:
- Vá no item Layout do seu blog
- Clique em Adicionar um Gadget no footer
- Selecione HTML / Javascript
- Escolha um título
-Adicione o código:

<div id='box_recentes'>
<div class="recentes"><img src="http://i.imgur.com/PKrIsGY.jpg" /><div class="mask"><p>Apple pie sesame snaps cake chocolate bar</p><a href="link da postagem" class="info">Leia mais</a></div></div>
<div class="recentes"><img src="http://i.imgur.com/PKrIsGY.jpg" /><div class="mask"><p>Apple pie sesame snaps cake chocolate bar</p><a href="link da postagem" class="info">Leia mais</a></div></div>
<div class="recentes"><img src="http://i.imgur.com/PKrIsGY.jpg" /><div class="mask"><p>Apple pie sesame snaps cake chocolate bar</p><a href="link da postagem" class="info">Leia mais</a></div></div>
<div class="recentes"><img src="http://i.imgur.com/PKrIsGY.jpg" /><div class="mask"><p>Apple pie sesame snaps cake chocolate bar</p><a href="link da postagem" class="info">Leia mais</a></div></div>
<div class="recentes"><img src="http://i.imgur.com/PKrIsGY.jpg" /><div class="mask"><p>Apple pie sesame snaps cake chocolate bar</p><a href="link da postagem" class="info">Leia mais</a></div></div>
</div>

Essa galeria tem que inserir manualmente (NÃO AUTOMÁTICO), e para isso altereo que estámarcado em todas as <div... Você pode colocar no topo do blog, em cima das postagens também!

DOWNLOAD | DOWNLOAD ALTERNATIVO | VISUALIZAR