Tutorial: Menu no cabeçalho

Hoy myhearts. Tudo bem com vocês? Hoje vim postar um tutorial que o blog Atitude Nescesária pediu. 

O tutorial é de como colocar menu no banner. O bom deste tutorial, é que você pode colocar o menu (guias, páginas), onde você quiser, e em qualquer posição, seja deitado, em pé, ou tortinho como no FT. 

Aperte em Mais »

Primeiro, faça o seu banner normalmente com ás páginas nele próprio do jeito que você quiser que elas estejam. Exemplo:

Não é nenhum programa que tem que instalar, é um site que você entra.

O site é o Image-Maps, que é superfácil de fazer o tutorial. 

(Clique nas imagens para ver maior)

Depois disso, irá aparecer um contagem regressiva, é só você esperar e depois apertar em: Continuar para passo seguinte 

Depois, sua imagem irá aparecer normalmente e ao lado terá um coluna com várias opções, certo? Clique em   (no Google Chrome Retângulo) e faça o que a imagem pede: 

Ai você vai fazendo isso em todas ás suas páginas. 

Quando terminar, clique em , depois clique na guia HTML Code e copie o código apenas até o </map>.

Para adicionar o banner, vá em Layout, e adicione um gadget HTML/JavaScript 

HTML/JavaScript Adicionar funcionalidade de terceiros ou outro código a seu blog. Por Blogger

E cole o código.

Quando você colar ele, no fim, coloque a tag </div> para fechar o código (é só colocar no final do código). 

Depois você salva. Bem fácil, né?

Qualquer dúvida comente! 

Tutorial: Menu no cabeçalho

Hoy myhearts. Tudo bem com vocês? Hoje vim postar um tutorial que o blog Atitude Nescesária pediu. 

O tutorial é de como colocar menu no banner. O bom deste tutorial, é que você pode colocar o menu (guias, páginas), onde você quiser, e em qualquer posição, seja deitado, em pé, ou tortinho como no FT. 

Aperte em Mais »

Primeiro, faça o seu banner normalmente com ás páginas nele próprio do jeito que você quiser que elas estejam. Exemplo:

Não é nenhum programa que tem que instalar, é um site que você entra.

O site é o Image-Maps, que é superfácil de fazer o tutorial. 

(Clique nas imagens para ver maior)

Depois disso, irá aparecer um contagem regressiva, é só você esperar e depois apertar em: Continuar para passo seguinte 

Depois, sua imagem irá aparecer normalmente e ao lado terá um coluna com várias opções, certo? Clique em   (no Google Chrome Retângulo) e faça o que a imagem pede: 

Ai você vai fazendo isso em todas ás suas páginas. 

Quando terminar, clique em , depois clique na guia HTML Code e copie o código apenas até o </map>.

Para adicionar o banner, vá em Layout, e adicione um gadget HTML/JavaScript 

HTML/JavaScript Adicionar funcionalidade de terceiros ou outro código a seu blog. Por Blogger

E cole o código.

Quando você colar ele, no fim, coloque a tag </div> para fechar o código (é só colocar no final do código). 

Depois você salva. Bem fácil, né?

Qualquer dúvida comente! 

Receitinha: Pipoca Pink!

Hoy Cherries! Hoje vim trazes uma receitinha que vi em uma revista da Atrevinha. É a pipoca doce só que cor de rosa. E o melhor é que se usa pipoca de micro-ondas! Vamos fazer?! 

Ingredientes: 

1 xícara de xarope de groselha;

3 colheres (sopa) de açucar; 

1 pacote de pipoca de micro-ondas; 

Botando a mão na massa: 

1 Misture a groselha e o açucar em uma panela     2 Mexa bastante até ficar

                           e leve ao fogo.                                 bem cremoso. 

3 Leve a pipoca ao                                              4 Rapidamente jogue a pipoca

micro-ondas e estoure.                                                 na calda. Peça ajuda                 

                                                                           porque a calda pode queimar

5 Escolha um filme bem legal e BOM APETITE!

Bem legal a receitinha, né gente? Bom, como eu não gosto de pipoca doce não posso comprovar, mais tenho certeza que vai ficar bom (para você, pelo menos). 

Beijão! 

Receitinha: Pipoca Pink!

Hoy Cherries! Hoje vim trazes uma receitinha que vi em uma revista da Atrevinha. É a pipoca doce só que cor de rosa. E o melhor é que se usa pipoca de micro-ondas! Vamos fazer?! 

Ingredientes: 

1 xícara de xarope de groselha;

3 colheres (sopa) de açucar; 

1 pacote de pipoca de micro-ondas; 

Botando a mão na massa: 

1 Misture a groselha e o açucar em uma panela     2 Mexa bastante até ficar

                           e leve ao fogo.                                 bem cremoso. 

3 Leve a pipoca ao                                              4 Rapidamente jogue a pipoca

micro-ondas e estoure.                                                 na calda. Peça ajuda                 

                                                                           porque a calda pode queimar

5 Escolha um filme bem legal e BOM APETITE!

Bem legal a receitinha, né gente? Bom, como eu não gosto de pipoca doce não posso comprovar, mais tenho certeza que vai ficar bom (para você, pelo menos). 

Beijão! 

Super Guia da blogosfera para iniciantes

Muitos blogueiros iniciantes ficam perdidinhos no Blogger. A fofa da Hillary veio me pedir ajuda para ela personalizar o blog dela. Então esse guia é super importante para a maioria dos blogueiros. 

Vamos lá? Aperte em Mais. 

Básico: 

O Banner
O que é: 
O banner é a parte principal do design. Essa imagem que temos no topo da página, sabe?

Como eu faço?

Hey! Nada de pânico! A titia Guiidd já fez vários tutos ensinando a fazer um banner perfeito: 

Não deixe o design enjoativo
Fazendo um banner perfeito 
Programas para usar: 


Paint - MUITOS iniciantes usam esse programa. Mais o problema é que não dá para deixar o fundo transparente, e nem utilizar outros recursos. Ele já vem no pacote promocional do windows, então todos os computadores que usam o Windows tem esse programa. 


Photoscape - Perfeito para quem acabara de sair no Paint. Ele é superfácil de instalar e mexer, e deixa perfeito o banner, sem contar que tem imagens exclusivas para o programa chamadas "Brushes para Photoscape", onde você pode encontrar aqui. Como usar aqui. Para baixar aqui (grátis).  

Photofiltre - Muito legal para editar fotos e fácil. Aqui dá para deixar o banner com fundo transparente e não precisar ficar repetindo o plano de fundo mil vezes no paint (sim, você já fez isso! kkk). Deixando fundo transparente. Baixar gratuitamente.

Colocando o banner no blog: 

Clique para ampliar ás imagens. 

Ai você procura seu banner e põe. 

Personalização: 

Tabela de cores 

Cores básicas: 

(Clique em "Avançado", que só pra consta não tem nada de avançado! kk)

Ai você vai editando, e quando acabar não esqueça de clicar em "Aplicar no blog".

Tutoriais: 

O que é HTML?? 

O HTML é o código de todo o blog. Se você apaga alguma parte por nenhum motivo, pode ficar sem uma parte importante do blog! A anta aqui já ficou sem os textos, sorte que tinha um HTML antigo. Ou seja, quando for fazer algum tutorial, copie seu HTML e salve em algum lugar, ou baixe ele. Sempre visualize antes de salvar depois de mexe-lo. 

Como mexer nele? 

Os tutoriais ajudam a mexer nele. Ensinam diversas coisas, como mudar a cor da seleção, colocar sombra nos textos, bloquear o botão direito, mudar o cursor, etc. 

Dica para o resto da vida: Quando os tutoriais dizem "Procure por...", é para você apertar Ctrl F e colocar o código que se pede na barrinha que apareceu. Bem fácil, né?

Tutoriais:

Cherry Bomb!

TRECHY TEEN

Menina Nerd (sempre nos nossos favoritos)

Cute World

Titia Guiidd quebrou o galho de vocês, hein? Qualquer dúvida é só perguntar! 

Beijos

Super Guia da blogosfera para iniciantes

Muitos blogueiros iniciantes ficam perdidinhos no Blogger. A fofa da Hillary veio me pedir ajuda para ela personalizar o blog dela. Então esse guia é super importante para a maioria dos blogueiros. 

Vamos lá? Aperte em Mais. 

Básico: 

O Banner
O que é: 
O banner é a parte principal do design. Essa imagem que temos no topo da página, sabe?

Como eu faço?

Hey! Nada de pânico! A titia Guiidd já fez vários tutos ensinando a fazer um banner perfeito: 

Não deixe o design enjoativo
Fazendo um banner perfeito 
Programas para usar: 


Paint - MUITOS iniciantes usam esse programa. Mais o problema é que não dá para deixar o fundo transparente, e nem utilizar outros recursos. Ele já vem no pacote promocional do windows, então todos os computadores que usam o Windows tem esse programa. 


Photoscape - Perfeito para quem acabara de sair no Paint. Ele é superfácil de instalar e mexer, e deixa perfeito o banner, sem contar que tem imagens exclusivas para o programa chamadas "Brushes para Photoscape", onde você pode encontrar aqui. Como usar aqui. Para baixar aqui (grátis).  

Photofiltre - Muito legal para editar fotos e fácil. Aqui dá para deixar o banner com fundo transparente e não precisar ficar repetindo o plano de fundo mil vezes no paint (sim, você já fez isso! kkk). Deixando fundo transparente. Baixar gratuitamente.

Colocando o banner no blog: 

Clique para ampliar ás imagens. 

Ai você procura seu banner e põe. 

Personalização: 

Tabela de cores 

Cores básicas: 

(Clique em "Avançado", que só pra consta não tem nada de avançado! kk)

Ai você vai editando, e quando acabar não esqueça de clicar em "Aplicar no blog".

Tutoriais: 

O que é HTML?? 

O HTML é o código de todo o blog. Se você apaga alguma parte por nenhum motivo, pode ficar sem uma parte importante do blog! A anta aqui já ficou sem os textos, sorte que tinha um HTML antigo. Ou seja, quando for fazer algum tutorial, copie seu HTML e salve em algum lugar, ou baixe ele. Sempre visualize antes de salvar depois de mexe-lo. 

Como mexer nele? 

Os tutoriais ajudam a mexer nele. Ensinam diversas coisas, como mudar a cor da seleção, colocar sombra nos textos, bloquear o botão direito, mudar o cursor, etc. 

Dica para o resto da vida: Quando os tutoriais dizem "Procure por...", é para você apertar Ctrl F e colocar o código que se pede na barrinha que apareceu. Bem fácil, né?

Tutoriais:

Cherry Bomb!

TRECHY TEEN

Menina Nerd (sempre nos nossos favoritos)

Cute World

Titia Guiidd quebrou o galho de vocês, hein? Qualquer dúvida é só perguntar! 

Beijos

Sombra no texto do blog

Hoy pessoas lindas *-* Tudo bem com vocês? Faz tempo que eu não posto, né? Mais eu deixei um avisinho na fanpage :) Mais voltei com um super tutorial aqui no FT.
Resultado:

Abra o seu HTML, e procure por body {

Abaixo desse código cole: 

                                                                   text-shadow: 1px 1px 3px #b5b5b5; -moz-text-shadow: 1px 1px 3px #b5b5b5; -webkit-text-shadow: 1px 1px 3px #b5b5b5;
Edite a cor e o tamanho como preferir. 
Créditos + Dica extra: Cherry Bomb!
Beijos caramelados