15 setembro, 2016

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...
Resultado de imagem para watercolor brush png
Resultado de imagem para watercolor png

• 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="http://3.bp.blogspot.com/-tD0z3wIvc3w/VfWBZRyyN7I/AAAAAAAACkM/sdKHWEr3cFA/s1600/quotes.png" height="60" width="60" /></a>
<a tiptitle="Resenhas" href="http://ilivrosenfim.blogspot.com.br/seulink"><img src="http://3.bp.blogspot.com/-N2puLpPbfdA/VfWBZtZrbOI/AAAAAAAACkU/cw1B0K7AljY/s1600/resenhas.png" height="60" width="60" /></a>
<a tiptitle="Filmes & Séries" href="http://ilivrosenfim.blogspot.com.br/seulink"><img src="http://3.bp.blogspot.com/-LnYET13Pl3I/VfWBYWK3pjI/AAAAAAAACj8/iZYBRaTRsHw/s1600/filmes%2Be%2Bseries.png" height="60" width="60" /></a>
<a tiptitle="Tags" href="http://ilivrosenfim.blogspot.com.br/seulink"><img src="http://2.bp.blogspot.com/-g3YxHiKoq3E/VfWBZxkXomI/AAAAAAAACkw/qRHXgpaeRTo/s1600/tags.png" height="60" width="60" /></a>
<a tiptitle="Top 5" href="http://ilivrosenfim.blogspot.com.br/seulink"><img src="http://3.bp.blogspot.com/-gh3fe9Z6P_A/VfWBZ5pY_aI/AAAAAAAACko/t3GeUCJ38Go/s1600/top%2B5.png"height="60" width="60"  /></a>
<a tiptitle="Chegou pra mim" href="http://ilivrosenfim.blogspot.com.br/seulink"><img src="http://1.bp.blogspot.com/-yc66QUvEQDM/VfWBYQfEjyI/AAAAAAAACj4/NX8-xv0-Y4Q/s1600/correios.png" height="60" width="60" /></a>
<a tiptitle="Extras" href="http://ilivrosenfim.blogspot.com.br/seulink"><img src="http://2.bp.blogspot.com/-du17E7QubKo/VfWBYeLnGZI/AAAAAAAACkE/Xcu4CMFUHGg/s1600/extras.png" height="60" width="60" /></a>
<a tiptitle="Para seu Blog" href="http://ilivrosenfim.blogspot.com.br/seulink"><img src="http://3.bp.blogspot.com/-tkEHBE3d848/VfWBZ7VdxVI/AAAAAAAACkg/iZzROwhRXBE/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!


Nenhum comentário

Postar um comentário

Moda e Poesias - Design Adorável Design | Design by Szablony