Tutorial: Como ajustar o tamanho da imagem na area do post.

Olá!

Faz tanto tempo que não posto tutoriais, que até perdi a prática, sério! Mas, hoje trago um tutorial que acho realmente útil, e bem fácil. Sabe quando você quer colocar uma imagem que ocupe o tamanho todo da área do post, mas, quando você usa o tamanho "Muito Grande" do blogger, a imagem ultrapassa o limite? Isso é realmente muito chato, por isto, uso um tutorial com um código adaptado por mim, para que a imagem tenha uma largura máxima, e se ajuste no tamanho da área do post.

No HTML, procure por:

/* Posts

Agora, cole abaixo o seguinte código:

.post img {
border: 0;
margin: 0 -30px 0 -30px;
padding: 0;
max-width: 540px; *tamanho máximo da imagem, altere-o de acordo com a área de seu post**
}

Salve.

Resultado:

Esse tutorial foi inspirado no do Blog da Nah, o qual ensina a manter TODAS as imagens de um tamanho só (inclusive icones. mini-gis, e etc).
A imagem de teste foi tirada por mim.

Tutorial - Estilos para blockquote

Oie ~

Como presente de natal, venho com alguns estilos de blockquote para vocês. São todos muito fofos. Espero que gostem do presente ^^

Basta você copiar o código da escolhida e colar acima de ]]></b:skin> fazendo as alterações.

Tutorial - Estrelinhas Caindo Do Mouse Com Efeito Arco-Íris!

Este tuto é interessante, e eu realmente acho útil. Porque não dar a seu blog um toque colorido, mas, ao mesmo tempo delicado e não atrapalhando os gadgets e as postagens ? È para isto que serve este tutorial.

Hoje é dia 22, e o mundo não acabou ^^ hehe

Tutorial - Retirando Confirmação De Palavras!

Oi amorecos ! Vim ensinar um tutorial bastante prático , e nem precisa de mexer noHTML , hoje vou ensinar como tirar aquela confirmação de palavra . Confesso que já deixei de comentar em vários blogs por causa disso . É muito chato , né ? Tirando isso você ganha mais comentários , e a gente não perde a vontade de comentar em teu blog . [Prove que você não é um robô] A fala sério , se eu fosse um robô eu estaria comentando ? Não né ? Pois é..Mas o Blogger escolheu isso! Chega de papo e vamos aprender!

Tutorial - Retirando A Navbar Do Blog!

Ooi Cupcakes de Morango! Tudo bom? Mais um tutorial para facilitar a sua vida! Muitas das blogueiras não gostam da Navbar (Barra que fica no topo do blog) não é mesmo? Então, venho ajuda-las a tirar isto! Bora aprender?

Tutorial: Título dos Gadgets em Hover

Hooy Fofos

Vocês já devem conhecer esse tutorial, que é muito útil. Eu particularmente acho o resultado super fofo. O resultado do tutorial é esse:

Tutorial: Fundo nos títulos dos posts

Eu amo, e vários amam ver aquela título que dá bastante destaque: deixa o leitor até bem concentrado no título da postagem, e acaba a lendo. E que tal chamar a atenção do titulo com uma imagem ou com uma cor atrás dele ? è o que vou ensinar nesta postagem

Tutorial: Sombra no texto do blog

Oláa :D

Venho com um tutorial que é bem fácil, e que eu realmente amo! Deixa o blog com um texto bem chamativo na postagem, deixando até o leitor interessado em lê-la. 

Tutorial: Como colocar barrinha de separação entre as postagens

Venho com um tutu super útil, que a maioria dos blogs tem e deixa um visual bem diferente no blog. Confira!

Tutorial: LINK ACTIVE

Oi galera! Hoje eu trouxe um tutorial bem bacana, que é o Link Active, alguém conhece? Tem sido usado com cada vez mais frequência nos blogs. Para quem não conhece é esse aqui de baixo. Vamos aprender como é que faz?

Como colocar a separação do gadget em hover.

Olá pessoal ^^
Trouxe um tutorial muito legal.É como colocar a separação de gadgets com um risquinho de efeito hover na separação do gadget!Muito legal!
Vamos aprender?

Como retirar o gadget "Attribution"

  

Sabe aquele gadget que fica no fim do blog,no rodapé?Aquele escrito "Tecnologia do Blogger"?Muita gente não sabe como exclui-lo,e hoje venho ensinar isso de duas formas.

Como colocar o menu dentro do cabeçalho.

Como podem ter notado,já a algum tempo,o menu do blog é dentro do cabeçalho (print do lay antigo abaixo).Se você tem interesse em aprender,hoje trouxe um tutorial que ensina exatamente isso,com todos os créditos ao Dicas Blogger (como excluir o cabeçalho) e o Cherry Bomb (geral)

Dois backgrounds no blog!

Hoje,achei um tutu muito útil e decidi compartilha-lo com vocês.Para quem não entendeu o título,veja o print abaixo,com todos os créditos ao Cherry Bomb,assim como o tutu.

Como Destacar a primeira letra do post

Linda demais!

Pode ser um detalhe pequeno,mas trás grande diferença no design no blog.Destacar a primeira letra da postagem é,com certeza,uma coisa muito legal de se ter em um blog.

Imagem no lugar dos links de navegação (Postagens mais antigas, Inicio e postagens mais recentes)

Aiin,eu quero todos *---*

Esse,com certeza,é um dos tutoriais que eu mais gosto.Acho super interessante.Depois de aprende-lo o legal e usar sua criatividade: setas,palavras diferentes...Enfim,fica muito fofo no blog!
Vamos aprender?

Fundo nos títulos dos posts

Venho com um tuto super útil,que aprendi no Cherry Bomb.Eu achei ele super interessante e vim compartilhar com vocês,no nosso dia de tutoriais!

Mini Gifs antes dos "marcadores"!

Vamos combinar,dá um certo charme no blog ter um mini gif na frente dos marcadores,ou seja,no fim da postagem. Que tal aprender a fazer isso?É só clicar em leia mais!

Como colocar efeito arco-irís nos links!

Hoje trouxe outro tutu muito útil,é que acho muito fofo ( igual o link daqui do blog).Quem quiser aprender vá em Leia Mais!

Imagem no título do post

Que lindo o.O!Créditos da Imagem: Stupid Girls e do Tutu Sweet Insanity!

Várias pessoas acham muito fofo colocar uma imagem,ou um gif antes do título do post,como temos aqui no blog (o símbolo da Barbie)!Hoje,ensinarei como fazer isso!