Layout free Livros, Enfim

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/AVvXsEgcgGnqRznQWjCPh3vAGt3NLnSbCA11g_u4YvztiR9YKCMF1vhJAzaXrM0V-mvwr_DqNOZ1H3SLU0Dw0I0x3muV9Wllx_Dcok5DYoG2vLBC-dKMQmXW8thSinIM5ekV_WrsK3pyN2m-VwU/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/AVvXsEiSXbcMMuNl4wEVTCcVTzV3sIrlHi_1tfhDnS_zm7TyW6yDbtiLXKiLVV7ATP4dwhtTyi88j8u2IRvvymrb_gM_PJMlmF-6N8CXb7-aQLHHSABQOokC3uTkbNVVMVjDWhAVX4UoWmavSug/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/AVvXsEgkYx4PuJHAdq2o7DyxnObSEpMqQCC0yxyvJJvX6egwFfoXBLcUqfYW8i1FbSXegw1XPg3gl0sCKYAiJp-TC0_SG7a7zFXhQNfWnNT4IllK4woIkgmPh4hJ8xBFEBf0zfD2XOzHTaM6FOM/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/AVvXsEgaGOOUV3MqoyzazqdEt3HOTR_6UfuGlnz1NnXClE9wZ98dgFhsnIXvR6iO65ZjfRHkG1dL4kZV7Qn3ytg9NJh98ZUCelOx9HCgscFIbxkDKvL33uX8avl6HkyXyCxohrQxWoIA3OSBJQk/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/AVvXsEjE2d916-RBesfPxgI7RwrvZ_8q13Ues5GTobWMod648xaTqXSHMKPlQ5AJlRUFZ4cEJh_icLCIpr16OQZTnrfZjOgfeVVUqLTaj4x8yXlmYICAT_vgJg_In2-LymExnnb0yGvJgktig4s/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/AVvXsEinRokVOcx7bcsWY6jkk_kp4_ocz5Yibi5rAECEdiflXioJHT73f0gxFCcMdgVy16UJdDFRscMMH_XCFdoeRgY2kg5XFUJy01ndoxQ5EQri3CzaNML11JAzV3ADFCp1xIFkeLS0miCs8pc/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/AVvXsEgauhFeK6AW4GGqJU-sbkrOIwKVJBz2BfDfZLWHHAqlo6Sdqf6GiTR-vMG8n055poyUjga9ihT1seIJ5Lnhg36BSi31WUydeVnSpObqWcdkIn4sWSHkua7cnPfSw4CCK8dCi9m-SzgTda0/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/AVvXsEhaUaa0wHZj6ItWvCFW5uNaLaU6lW-aRDGwtG8XmX1Xd3WO2SNbkxS0L03lXppgP64dhWMpNqr7Qf0fgYeQeGUFYQjqIxAeK01TRHgH7QCLMPDAvGJ_ib6UKlrra27lVqHBI5GEXPzDyRw/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