date Duas Leitoras | Literatura e entretenimento: Layout novo + freebies!

09/07/2016

Layout novo + freebies!

09/07/2016
Olá, pessoas!
Gostaram da "cara" nova do blog? Passei alguns dias personalizando até ele ficar assim, do jeitinho que eu queria ♥ agora juro que não mudo mais por dois meses um bom tempo. Nessa postagem eu vou falar um pouquinho sobre as principais mudanças, indicar os tutoriais (funcionam no Blogger, no Wordpress não sei dizer) e no fim tem alguns freebies que são simples, mas fiz com muito carinho pra vocês!

layout personalizado blogger
Antes de mais nada, esse layout super clean, lindo e maravilhoso foi disponibilizado pelas meninas do Virando amor e eu simplesmente me encantei por ele. Alterei muitas coisas do original, mas mantive outras tantas. Muito obrigada mais uma vez, meninas! Ele é encantador ♥ 
O brush aquarela utilizado no cabeçalho e no leia mais foi disponibilizado pelo blog Garotas como você e eu amei não só esse, mas vários outros que tem por lá.

TUTORIAL DE CATEGORIAS COM ÍCONES

ícones de categorias blog feminino
Bom, esse eu já tinha de layout anteriores, mas com outras imagens. Antes de mais nada, você precisa hospedar as imagens que vai usar em algum site de hospedagem de imagens com o tamanho exato que vai precisar. Eu uso o TinyPic. Usava o PhotoBucket, mas ele vivia dando problema.
Imagens hospedadas, vamos adiante.
Na aba Layout, vá em adicionar gadget e, em seguida, em HTML/JavaScript. Na janela que vai abrir, cole esse código:

<div align="center">
<a href="URL-PARA-ONDE-SERÁ-REDIRECIONADO" title="NOME-QUE-APARECE-AO-PASSAR-O-MOUSE"><img src="URL-DA-IMAGEM"/></a>

Se quiser que as imagens fiquem sem alinhamento, exclua a primeira linha.
Se quiser que as imagens fiquem alinhadas à direita, troque "center" por "right".
Se quiser adicionar mais imagens, basta copiar o código e ir alterando aonde está em letra maiúscula.
No meu caso, URL-PARA-ONDE-SERÁ-REDIRECIONADO são links para os marcadores respectivos. O URL-DA-IMAGEM deve ser aquele "link para layout" (no caso do TinyPic). Cuidado porque existem vários links.

Os ícones eu fiz no Flat Icon Maker. Dá pra personalizar tamanho, moldura, cor, etc. Vale a pena conferir!

TUTORIAL DE SLIDE DE POSTAGENS RECENTES COM EFEITO HOVER

slide de postagens recentes automático O crédito desse tutorial é do E aí, guria?
O slide anterior apresentava um efeito opaco + nome ao passar o mouse e eu até gostava dele, mas não conseguia deixar espaço entre as miniaturas. Esse é mais simples, opaco e sem o nome da postagem, mas estou gostando bem mais! Na verdade queria um tutorial para um slide com miniaturas retangulares, mas não encontrei. 

BARRA DE PESQUISA PERSONALIZADA

caixa de pesquisa personalizada para blogger
Essa caixinha de pesquisa foi um achado! Na verdade, no Blog da Rocky Duarte tem 4 modelos lindos e todos combinam super com o novo layout aqui, então foi difícil decidir. Até alterei essa cor verde por preto, mas acho que colorido ficou mais bonito.

GOOGLE FRIEND CONNECT PERSONALIZADO

Personalizar o Google Friend Connect
Para alcançar esse efeito, usei um tutorial do Adolescente Nerd. Na verdade eu queria o preto e branco, mas não funcionou aqui. No fim, esse opaco me agradou mais. Dá pra alterar a quantidade de opacidade, deixando beeeem claro.

ALTERAR O "CONTINUE LENDO" POR UMA IMAGEM

Esse tutorial eu também já usava em outros layouts, e nesse que estou usando agora ele já vinha com o HTML alterado, então só coloquei outra imagem.
O tutorial que eu segui da primeira vez que usei foi esse do Cantinho da Bruna.

TUTORIAL DE BOTÃO VOLTAR AO TOPO

Esse tutorial é de um blog que eu amoooo de paixão, que é o Elaine Gasparetto. A seta que estou usando atualmente eu fiz no PhotoScape, assim como os freebies que vou disponibilizar pra vocês ♥

imagens-para-personalizar-continue-lendo
Esse pack contém 17 opções de LEIA MAIS personalizado e 13 setinhas para voltar ao topo.

CLIQUE AQUI PARA BAIXAR OS FREEBIES


 Espero que tenham gostado! Beijos!

10 comentários:

  1. Olá, eu adorei seu layout, achei lindo e bem arrumadinho! Adorei você mostrando como fez o mesmo, vai ajudar muita gente tipo eu! ♥
    harmo-nize.blogspot.com.br

    ResponderExcluir
  2. Sério, muito obrigada pelo pack, vou baixar, não tenho certeza que mudarei os meus agora,mas deixarei em uma pastinha eparads.
    Obrigada por compartilhar conosco os tutoriais que você utilizou, estava louca procurando aquele do slide.
    www.simplesmentecriativa.com.br

    ResponderExcluir
    Respostas
    1. Fico feliz por ter ajudado. Se usar vem me mostrar aqui :)

      Excluir
  3. Olá! Amei seu layout - como você pode perceber, eu sempre verifico o dos blogs que sigo. Também adorei os freebies disponíveis, até porque ajudam bastante quem precisa personalizar, não é? Um abraço!
    Leitora Encantada

    ResponderExcluir
  4. Ficou lindo de mais seu blog ♥
    O brushe ficou um amorzinho Kemmy, e amei as dicas que irei usar no meu blog.
    Sucesso flor :)

    ResponderExcluir

Os comentários passam por moderação, pois são todos lidos com muito carinho.

Ultimamente não tenho conseguido responder, mas retribuo as visitas de todos que deixam os links ao final do comentário. Beijos!