Como criar categorias no Blogger

Como Criar Categorias no Blogger

É muito simples criar categorias no Blogger (blogspot), também chamadas de marcadores ou tags. São dois passos básicos: criar uma ou mais categorias ao escrever um post, e ativar o Gadget (ou módulo) de marcadores na guia Layout.

1º passo: Criando as categorias

Na caixa onde escreve o texto dos posts, há na parte de baixo um campo que diz: "Marcadores para esta postagem", onde se podem escrever as categorias em que se queira inserir o post. Pode criar quantas categorias ou marcadores quiser.

Pode inserir cada post só em uma ou em várias, se quiser inserir nas categorias Imagens, e Videos, por exemplo, basta escrever as duas palavras separadas por uma virgula. Sempre que escrever um post que queira inserir numa categoria, é necessário escrever a categoria neste campo. Assim o post fica associado a ela tal como todos os outros posts da mesma categoria. Desta forma todos os posts ficam agrupados e podem depois ser acessados pelo link único dessa categoria.

Você também pode inserir ou modificar as categorias das suas postagens através da guia “Editar postagens”.

 

2º passo: ativar o Gadget (ou módulo) de marcadores na guia Layout (só precisa fazer isto uma vez).

Para que a lista de categorias apareça, é preciso ativar o Gadget (ou módulo) de marcadores na guia Layout da seguinte maneira:

• Clique em "Layout"
• Depois em "Elementos de pagina"
• Depois "Adicionar um Gadget"
• Na janela que aparece, procurar onde diz "Marcadores", e clicar em "Adicionar ao blog".
• Na janela seguinte, pode dar-lhe um título, por exemplo "Categorias".
• Depois clicar em "Salvar alterações".

Assim fica com um novo elemento com as categorias no modelo da página. Pode arrastá-lo para a posição onde quiser que ele fique na barra lateral. Para isto clique sobre ele com o mouse, arraste e solte onde quiser que fique. Também pode arrastar elementos da barra lateral para o topo ou fundo da área de posts, para o header ou para o footer, ou destas áreas para a barra lateral.

Creditos : Diario de um pensador'

Sketch Toy conhece?

Olá docinhos!

Tudo bem? Espero que sim, bom esses dias eu não estou nada bem por causa da minha sinusite (é horrível kkk) mas agora estão aí as férias e com certeza sobra muito mais tempo para blogar, vamos para de enrolar e ir ao post?

Não sei se todos conhecem, mas a maioria deve saber, como viram no título, cujo nome é Sketch Toy, descobri hoje e achei muito legal, é tão divertido que você pode ficar até horas lá, kkk.

Ficou curioso? Para acessar à esse lindo site, clique aqui.

Agora crie o seu, os que eu fiz não ficaram lá aquelas coisas sabe?

Sou ruim pra isso, kkk.

Agora tentem é divertido!

Acaba aqui o post, beijão e até amanhã!

Novamente! Passarinho do Twitter que voa na tela!

Devido a muitos emails que estou recebendo sobre como conseguir colocar o passarinho do twitter que voa na tela do blogger, então estou reeditando a postagem que já havia feito OK! 

 

 Pássaro do twitter no seu site ou blog 
Copie o código abaixo e cole no Html,de preferencia na coluna

Neste blog você encontra as cores pro passarinho :

Cores do Passarinho

 Queridos, vi em um site esse passarinho e não me contive, tive que vasculhar essa internet atras dele para trazer aqui para vocês.

É uma gracinha esse passaro, que com o sobe e desce da tela ele se move, e se clicar sobre ele você é direcionado para a página do twitter.
Pois  bem, essa é uma obra que encontrei no blog  http://oloblogger.blogspot.com  
e vou colocar aqui para vocês com os devidos créditos, que são todos deles.
Para ter um passarinho desse basta colar nos seus gadgets o seguinte código:



onde está escrito em vermelho seu twitter, você coloca seu endereço do twitter. Salve e pronto.
Fácil né! Espero que gostem!

Fonte: http://oloblogger.blogspot.com

Aprenda a fazer efeito estrelinhas caindo do ponteiro do mouse

Achei um código para colocar estrelinhas caindo do cursor do mouse (sinal de +) para usar no blog, ele é bem simples de colocar e funcionou bem nos testes que fizemos com vários navegadores: Internet Explorer, Firefox e Google Chrome. Se quiser veja outras formas de personalizar o cursor do mouse no blog: Trocar o cursor do mouse por uma imagem Imagem no cursor do mouse Caso tenha duvidas sobre onde colocar os códigos no blog não se preocupe, pois é bem simples de colocar esse efeito de estrelas seguindo o ponteiro do mouse. Entre na pagina editar HTML, procure por e cole esse código antes dessa linha que acabou de achar:

Dica de efeito estrela ;D


Para trocar a cor deste efeito você só precisa mudar o código que está logo no começo do código: var colour="#FFD700"; Veja aqui o código das cores. Outro ajuste interessante é a quantidade de estrelinhas isso você altera em var sparkles=50. Esperamos que gostem deste efeito para seu blog. Como dissemos realizamos alguns testes a única coisa que não foi possível corrigir é que em alguns templates quando visualizados no Internet Explorer as estrelinhas ficam um pouco distantes do ponteiro do mouse.
Aqui eu vou deixar o código das cores é só conferir:

Quando vamos mudar a cor de alguma coisa no blog ou site precisamos saber qual o código HTML da cor que vamos usar, porque o template é feito em CSS usando códigos para definir as cores de tudo menos as imagens é claro. Então aqui está uma lista com o código de muitas cores para você usar como quiser no seu blog. codigo html das cores Apesar do blogspot ter uma página de cores com algumas opções elas são limitadas então procure a cor que gostar na lista abaixo e copie o código para usar no blog, esses códigos serem para mudar a cor de tudo: fundo do blog, cores das letras, fundo das postagens ou sidebar, cores das bordas, enfim qualquer cor que veja num blog é definido através desses códigos. Então é só usar a lista de cores e deixar seu blog mais bonito e com cores diferentes. Essa lista foi adaptada apartir de uma página do site MXStudio.
Snow -#FFFAFA
GhostWhite#F8F8FF
WhiteSmoke #F5F5F5
Gainsboro #DCDCDC
FloralWhite #FFFAF0
OldLace #FDF5E6
Linen #FAF0E6
AntiqueWhite #FAEBD7
PapayaWhip #FFEFD5
BlanchedAlmond #FFEBCD
Bisque #FFE4C4
PeachPuff #FFDAB9
NavajoWhite #FFDEAD
Moccasin #FFE4B5
Cornsilk #FFF8DC
Ivory #FFFFF0
LemonChiffon #FFFACD
Seashell #FFF5EE
Honeydew #F0FFF0
MintCream #F5FFFA
Azure #F0FFFF
AliceBlue #F0F8FF
lavender #E6E6FA
LavenderBlush #FFF0F5
MistyRose #FFE4E1
White #FFFFFF
Black #000000

Tutorial - Bordas HTML

Hello! Bom hoje vou postar um tutorial ! As bordas que podem ser usadas na sua sidebar ou o que você quiser ,eu uso na minha sidebar ,são bem úteis ,daí você pode deixar as bordas do jeito que queira! Ah ,e os merecidos créditos vão ao blog The Tutorial. Vamos lá?

-moz-border-radius-bottomright: 50px; border-bottom-right-radius: 50px; }

-moz-border-radius-bottomright: 50px 25px; border-bottom-right-radius: 50px 25px; }

-moz-border-radius-bottomright: 25px 50px; border-bottom-right-radius: 25px 50px; }

-moz-border-radius: 1em 4em 1em 4em; border-radius: 1em 4em 1em 4em; }

-moz-border-radius: 25px 10px / 10px 25px; border-radius: 25px 10px / 10px 25px; }

-moz-border-radius: 35px; border-radius: 35px; }