22.10.16

Flower is the new black - Template Free




Flower is the new black 
ano: 2016
VIZUALIZAR     |      DOWNLOAD

Criei este layout free com bastante detalhes para você. Espero que tenha gostado!

NÃO RETIRE OU ALTERE OS CRÉDITOS, PLÁGIO É CRIME!
Crime de Violação aos Direitos Autorais no Art. 184 – Código Penal, que diz: Art. 184. Violar direitos de autor e os que lhe são conexos: Pena – detenção, de 3 (três) meses a 1 (um) ano, ou multa.
Fonte: PORTAL EDUCAÇÃO



TUTORIAIS:


Personalizando o menu:



Crie paginas estaticas com o que você deseja colocar no seu menu.

CLIQUE AQUI PARA VER O TUTORIAL DE COMO COLOCAR PÁGINAS ESTÁTICAS NO BLOG

1º - Clique em "Modelo" logo em seguida em "Editar HTML"



2º - Clique dentro do código e procure na barra por: <ul class='dropdown'>



Agora substitua todas as hashtags '#' pelo link da sua página estática que você criou.

OBS:Não retire os apóstrofos, que são essas vírgulas ' que tem antes e depois da hashtag

Personalizando o perfil: 


Vá em Layout > adicione um gadgat na sidebar-right-1 > Selecione HTML/JavaScript e coloque o seguinte código:

<img src="LINK DA SUA FOTO DE PERFIL" style="width:242px; heigh:auto;margin: 84px 0px 0px;" /><div style="text-align: justify;"> ESCREVA UM RESUMO SOBRE VOCÊ AQUI<div></div></div>

- Onde está marcado, adicione o que se pede.

Como colocar as miniaturas de postagens recentes:

Primeiramente vá em "Layout" depois clique em "Adicionar um gadgat" na parte do Crosscol.



Logo em seguida copie e cole o seguinte código:

<div class='clear'></div>

<span class='widget-item-control'>

<span class='item-control blog-admin'>

</span> </span> <div class='clear'></div>

<div class='widget HTML' data-version='1' id='HTML5'>

<div class='widget-content'>

<figure> <img alt="nerd girl" src=" LINK DA MINIATURA DE IMAGEM " /> <figcaption> <h3> NOME DA CATEGORIA DA MINIATURA</h3> <p>TITULO DO POST </p> <p><a href="LINK DO POST AQUI">Leia o post</a></p> </figcaption> </figure>
</div></div>


Como colocar "Faça sua busca":

Crie um gadget de "HTML" e cole o seguinte código:

<div class='pesquisar'> <div class='widget HTML' id='HTML1'> <div class='widget-content'> <div class="custom-search-form3"> <form action="/search" method="get"> <input name="q" size="26" type="text" value="Faça sua busca" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;" class="custom-search-box3" /></form> </div> </div> </div></div> <style type='text/css'> /* Pesquisa ----------------------------------------------- */ .pesquisar{ width: 252px; margin: 0 0 0 30px; } .custom-search-form3 { width:100% } .custom-search-box3 { background: #292929; border: 1px solid #292929; margin: 0; color: #f1f1f1; font-weight: bold; font-size: 12px; font-family: raleway,sans-serif; text-transform: uppercase; text-align: center; width: 100%; padding: 21px 17px 21px 16px; margin: -36px 59px -1px -29px; } </style>

Espero que tenham gostado! Se baixou o layout, comente 😉 Comentem o que acharam desse layout free, quanto mais engajamento tiver, mais layouts eu farei 💓

20 comentários:

  1. Quero agradecer por ter disponibilizado o layout! Ele é muito perfeitoo, eu tava a procura de um, porém não tinha achado nenhum que eu gostasse, ai eu achei o seu e foi amor a primeira vista!! Muito obrigada mesmooo, você não sabe o quanto me ajudou <3
    Se quiser eu mando o link pra ver como ficou :)
    beijoss

    ResponderExcluir
    Respostas
    1. Só tenho uma duvida, como coloco a gadget '' FAÇA SUA BUSCA?''
      obrigada desde ja

      Excluir
    2. Fico muito feliz pelo seu comentário! Quero que mande o link sim, vou adorar ver como ficou no seu blog :) E sobre o "FAÇA SUA BUSCA?" Eu atualizei este post e coloquei o código dele aqui, espero que tenha ajudado.

      Excluir
  2. O download não está mais disponível :(

    ResponderExcluir
    Respostas
    1. O link foi atualizado, pode baixar tranquilamente agora :) Qualquer dúvida ou erro é só me falar

      Excluir
  3. Respostas
    1. Tem sim, e só você não adicionar a "expansão de postagem" quando estiver escrevendo seu post, assim o seu post fica inteiro na página inicial do blog.

      Excluir
  4. Oi flor poderia me ajudar. Como eu coloco os links respectivos nas categorias . Não estou conseguindo
    Muito obrigada

    ResponderExcluir
    Respostas
    1. Neste layout não é necessário colocar links nas categorias, para que seu post se encaixe em determinada categoria basta você colocar um "marcador" com o nome da categoria que está presente neste layout e assim ele vai automaticamente.
      Exemplo: Estou escrevendo um post sobre receitas, então eu vou adicionar um marcador no post escrito "receitas" e assim, quando eu clicar naquele biscoito que tem na categoria irá aparecer todos os posts que você colocou como receitas

      Excluir
  5. Personalizei pra minha amiga, mas ficou lindo demais! Profissional! Obrigada por prestar esse serviço para as pessoas, que tudo retorne 4x mais pra vc de lindeza *-*

    Bjooo!

    O blog da minha miga: http://infinito3x4.blogspot.com.br/

    Bjoo!

    ResponderExcluir
  6. Olá Alexia, tudo bom?
    Não estou conseguindo colocar as miniaturas de postagens recentes, como coloco?

    ResponderExcluir
    Respostas
    1. Neste post tem um pequeno tutorial. Todos os códigos necessários estão no download

      Excluir
  7. Seus layouts são todos lindos, parabéns! Inclusive baixei um deles. Obrigada por disponibilizá-los! <3

    Beeijo!

    ResponderExcluir
  8. Ola, não estou conseguindo colocar as miniaturas, elas ficam uma em baixo da outras e não cabem no crosscol!

    ResponderExcluir
  9. Ale, o arquivo esta como "Flower is the new black - Alexia Evellyn.rar" e o blog não esta lendo por causa disso. Há algo errado?

    ResponderExcluir
    Respostas
    1. Primeiro você tem que descompactar o arquivo, recomento o winrar. Só depois que descompactar que você verá o arquivo compatível com o blog. Caso tenha dúvida de como descompactar me manda um e-mail

      Excluir
  10. Fiquei apaixonada nesse layout e já estou usando. Só tenho uma dúvida, como coloco numeração das páginas? Todos os meus posts ficam em uma só e queria dividí-los, colocando 5 posts por página.

    www.luisapecoraro.com.br

    ResponderExcluir
    Respostas
    1. Tente ir em layout, clica em "editar" na parte de postagem do blog, ai você coloca o tanto de post que deseja onde está escrito "Número de postagens na página principal". Caso não tenha entendido, mande um email. Fico feliz que gostou, beijos 😘

      Excluir

author
Alexia Evellyn
Olá, seja bem vindo(a) ao meu portfólio, criei ele para divulgar o meu trabalho e espero que agrade você! Siga-nos nas redes sociais.