Layout novo + freebies!

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!

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

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

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

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

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 ♥

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!