Colocar álbum de fotos no blog

Tráta-se de um código HTML muito simples que você poderá configurar com muita facilidade dentro de seus artigos. Para iniciar este album, você deve separar as fotos que iram compor o album.
Em seguida você deverá copiar o código abaixo e colar diretamente em seu editor HTML de postagem.

<iframe frameborder="0" marginheight="0" marginwidth="0" height="300" src="IMAGEM DA CAPA" id="galeria" scrolling="no" width="400" name="galeria"></iframe><br/>
<a href="IMAGEM 1" target="galeria">Lago</a>
<a href="IMAGEM 2" target="galeria">Praia</a>
 
Veja que o tamanho das imagens deve ser de 400 x 300. 
Veja também que existe uma imagem que será a imagem da capa, isto é, a imagem que aparecerá logo no início do album. 
Logo em seguida você irá colocar os endereços das outras imagens e seus nomes correspondentes como indicado nas áreas em vermelho.
Para colocar outras imagens, basta repetir a parte final do código com outras imagens e seus respectivos nomes.
Agora é só publicar e curtir!

Personalizar data da postagem no blog

Para criar um site ou blog que tenha uma aparência mais profissional, alguns detalhes que podem parecer pequenos, tem uma grande importância para quem visita sua página. Um detalhe desses é colocar a data da postagem abaixo do título da postagem e isso tem um grande apelo visual.

Isso pode ser feito de uma forma muito simples, mas tome alguns cuidados por que você precisa mecher no html do seu site. Mas eu vou explicar de uma maneira simples e se tiver alguma dúvida, basta adicionar um comentário no final desta matéria.

Imagem de fundo na postagem

Para colocar uma imagem de fundo na postagem, basta copiar o código abaixo e cola na área da postagem em html, depois clique em escrever e coloque o texto que quiser.

<div style="background-image: url(Endereço da imagem de fundo); padding: 5px;">
 Aqui vai o conteúdo </span></div>

Escolha o tipo de letra e a cor e digite o texto que quiser no local demarcado como "Aqui vai o conteúdo". Você pode ver o resultado neste post aqui.

A imagem precisa ser maior que a área da postagem, pois o próprio código se encarrega de redimencionar a imagem  e deixá-la proporcional.

 Aproveite bem e tenha sucesso!

Como colocar sombra no texto do blog

Hoje vou descrever um tutorial bem fácil e rápido pra vocês. 

A maioria já conhece o efeito sombreado em títulos dos posts e dos gadgets, mas não sabem onde colocar o código para aplicar o efeito ao texto de todo o blog.
É bem simples, veja só:

Personalizar links de navegação do blog

Para personalizar os links "postagens mais antigas", "postagens mais novas" e o link "início" com um texto ou com uma imagem é muito fácil. Veja exemplo de botões abaixo:

Contador visitas para blog grátis

Colocar um contador de visitas, em tempo real, com mapa através de um gadget que mostra de onde seus visitantes estão acessando é uma gadget interessante não só pelo lado visual mas também para que eles tenham uma noção dos outros visitantes da mesma página. Isso dá um efeito de qualidade ao seu layout e isso conta pontos a seu favor quando pensam em voltar a um site ou blog.

Como Configurar o FeedBurner corretamente

Como eu já disse anteriormente, os feeds ou newsletter são importantíssimos para aumentar suas visitas e isso ninguém discute, mas como configurar o FeedBurner e tirar o melhor dele? É exatamente isso que eu vou mostrar neste post com algumas dicas que eu acredito serem as principais e se você procurar no seu painel deve encontrar mais algumas. Depende de você!

Inserir imagem no rodapé da postagem

Para iserir uma imagem no rodapé da postagem, seja ela do autor do post, um gif animado ou banner de propaganda é muito fácil de se fazer e o resultado é muito melhor do que aquele rodapé sem graça que o blogger sugere.

Vou mostrar como isso é feito com o uso de um código bem simples e fácil de ser inserido no seu html, veja abaixo:

Colocar banner no rodapé do blog

O rodapé do seu blog pode ser um local muito bom para colocar agradecimentos, links, contato, etc. Mas eu acho que o visitante, muitas vezes, não presta atenção nesse lugar. Eu costumo não dar importância para essa parte.

Mas isso pode ser  alterado, basta adicionar uma imagem ou banner nesse local com um link de sua preferência.

Vamos ver, abaixo, como:

Personalizar o leia mais no blog

Agora vamos personalizar mais um trecho do nosso blog, o link "leia mais". 

É muito sim ples e rápido de fazer.

Para colocar uma imagem no lugar do link "leia mais", você deve criar a imagem e hospeda-lá em algum site.
Acesse "Modelo" > "Editar Html" e clique em "Expandir modelos de Widget" e procure pelo código abaixo:

Personalizar titulo dos gadgets do blog

O código abaixo pode até parecer complicado mas não. Vou explicar, passo a passo, todo o procedimento para dar um estilo bem legal nos títulos dos seus gadgets. Veja abaixo:

Primeiro você clica em "Modelo", depois vá em "editar html" e "expandir elemento de página". Agora procure por:  "h2 {"

Colocar borda e fundo nos gadgets

Para deixar o seu blog um pouco mais atraente, uma coisa legal para se fazer é personalizar os gadgets com uma borda e cor de fundo a seu gosto.

Para isso, clique em "Modelo", "edital html" e "expandir elemento de página".

Clique "Ctrl+F", procure por "/* Widgets".
Na parte que aparece abaixo...

Colocar favicon no blog - Imagem na barra de endereço

Depois de se criar o básico de um blog, uma coisa que deixa mais atraente sua página é um icone na barra de endereços, que também é conhecido como "favicon". Veja imagem ao lado.

Codigo de cores para o blog

Quando se está construindo o layout de um blog, uma coisa muito importante é o uso correto e coerente das cores. Por isso estou colocando abaixo o link para que você possa escolher o seu padrão preferido.

Tabela de Cores