quinta-feira, 11 de agosto de 2011

Como colocar sombra nas postagens

Colocando sombra nas postagens

Neste tutorial vou ensinar como colocar sombra nas suas postagens usando apenas códigos CSS. Utilizaremos o recurso “Box-shadow” do CSS3. Além de colocarmos sombra, vamos suavizar colocando outro recurso de arredondamento.Esta pequena modificação promete deixar suas postagens com um toque especial. Apenas siga os passos abaixo:

1. Faça o login no blogger e acesse o painel principal do seu blog;

2. Vá em “Modelo” –> “Editar Modelo” e procure por:

.post-body {

3. Abaixo dessa linha cole o seguinte código:

box-shadow: 1px 4px 19px 2px #DCDCDC;
padding: 10px;
border-radius: 28px;

4. Feito isso, visualize e veja como ficou. Se estiver ok, Salve!

Obs: 
A parte destacada de vermelho no código é a cor da sombra. Se quiser, troque por outra. Clique aqui e veja a tabela das cores hexadecimais;
A parte em azul, é o nível de arredondamento dos cantos. Para alterar, apenas mude o valor para outro numero em pixels.

Marcadores: , , ,

Novidade: Sugestões de palavras no editor de posts (AutoCompletar)

AutoCompletar no editor de posts no blogger Muitas melhorias foram realizadas no blogger este ano. Mas agora foi a vez do editor de postagem receber um novo recurso que agilizará muito a criação de postagens. Trata-se de um botão que alojado na parte superior do canto direito do editor de postagem, e você pode estar vendo pelo Blogger in Draft.

O botão funciona da seguinte maneira, quando entramos no blogger para criar uma nova postagem, apenas ativamos este botão, e automaticamente, enquanto você estiver digitando, será exibido algumas sugestões de palavras autocompletáveis.

Este novo recurso se chama “Google Scribe” e se formou a  partir do ‘Google Labs’. Além de suportar o português, a novidade suporta diversas outras como: árabe, holandês, Inglês, Francês, Alemão, Húngaro, Italiano, Polonês, russo, espanhol e sueco. A linguagem é automaticamente detectada pelo editor.

A habilitação deste novo recurso é bem simples, apenas entre no editor de postagens, e clique no ícone com o desenho de um lápis. Em seguida, comece a digitar normalmente que aparecerão sugestões autocompletáveis. Para usar as palavras sugeridas, apenas aperte Barra de espaço para confirmar o uso da sugestão, ou aperte um botão de pontuação, como: vírgula, ponto ou interrogação.

Como ativar

Visualização do recursoSe preferir, você também pode ativar o modo de sugestões múltiplas. Este modo exibe uma pequena lista de palavras sugestivas. Para usar este método, apenas clicamos na setinha ao lado do lápis, e em seguida clicamos na opção “Show Multiple suggestions”. Feito isso, começamos a digitar normalmente que surgirão lista de sugestões que podem ser escolhidas de duas formas: apertando os botões seta para baixo ou cima do teclado, navegar entre elas e apertar Barra de espaço para escolhermos ou apenas selecionamos uma sugestão com o mouse e clicamos sobre ela.

Lista de sugestões Visualização do recurso

Além dessas formas de uso do novo recurso, podemos simplesmente usar os seguintes atalhos:

  • Ctrl + j para ativar e desativar o Scribe;
  • Ctrl + Shift + j para marcar e desmarcar várias sugestões;
  • ESC para remover temporariamente uma sugestão;
  • TAB para restaurar uma sugestão.

Sinceramente eu gostei muito na novidade. Mas e você? Gostou? Se sim, deixe um comentário.

Marcadores: , , ,