Novo layout + Novidades

Oi gente tudo bem?
Então perceberam que eu mudei o lay não?
Pois é ficou parecido com um Tumblr, mas eu gostei.
Principalmente da frase que quer disser: "Você é uma super garota!"
Também queria pedir desculpas por não tem postado, a escola está tomando todo o meu tempo, se eu pensava se o 2° Bimestre era dificil, o 3° piorou...
E eu ainda sempre fui destaque na minha sala e dessa vez não fui em nenhum bimestre, estou ferrada.
Queria lembrar, DIA 29 foi meu aniversário! parabéns pra mim, u.u
Então é isso, se quiserem pedir alguma coisa, comente.
Bjks

Como colocar um menu "diferente" no blog

Oi gente, tudo bem? Desculpem a ausência, nossa estava fazendo algumas encomendas.
Mas á um tempinho uma leitora perguntou como eu fazia um menu que tinha antes no blog, que eu acho muito fofo e também muito simples, fica legal na área de extras.
Vejam um exemplo desse menu:

Eu acho ele bem legal, porque quando a gente passa o mouse o gif, a linha e a cor da letra ficam diferentes.

Bom, vamos ao tutorial, se quiser aprender, clique em mais informações.

Primeiro vá em Design> Editar HTML, procure por:

]]></b:skin>

Quando encontrar cole logo ACIMA dele, esse código:

/* Cute Menu

----------------------------------------------- */

#menuextra {

display : block;

font-size: 11px;

font-family: Tahoma;

letter-spacing : 0;

border-bottom : 1px dashed #CDB7B5;

background-repeat : no-repeat;

text-indent : 5px;

vertical-align : middle;

text-decoration : none;

line-height : 15px;

margin-bottom : 1px;

background : url('URL DO MINE GIF 1') no-repeat left;

padding-left : 10px;

}

#menuextra:hover {

display : block;

text-decoration : none;

vertical-align : middle;

line-height : 15px;

border-bottom : 1px dashed #FF69B4;

background : url('URL DO MINE GIF 2') no-repeat left;

padding-left : 10px;

}

A primeira palavra em vermelho é a cor da linha pontilhada antes de passar o mouse e a segunda é quando passa o mouse.

E em roxo é o mini gif que fica ao lado do link. Escolha o seu e coloque, o primeiro é antes de passar o mouse e o segundo é depois de passar o mouse.

Agora vamos colocar onde você quer, copie o código abaixo e cole onde quiser que o seu menu apareça:

<div id="menuextra"><a href="Link ">Nome do link</a></div> <div id="menuextra"><a href="Link">Nome do link</a></div>

Onde está link você irá colocar o link, e depois onde está Nome do link vai ser o nome do link avá

E é isso espero que tenham gostado,e conseguido fazer!

Bjks

Pacotão com 82 Fontes!

Hoje eu vim com um suuper pacotão de fontes. Só selecionei as minhas preferidas pra vocês!
Espero que usem bastante, não esquecendo de creditar!

Bjks

Como colocar dois backgrounds no blog

Oi tudo bem com você?
Então hoje eu vou ensinar como eu fiz esse background "diferente" no blog, que dá realmente um efeito muito legal!
Lembrando que todos os créditos vão para o menina nerd, porque eu aprendi a fazer isso lá!
Veja um exemplo:
Se você quiser aprender, clique em mais informações.























Primeiro, vá no blogger> Painel> Design> Editar HTML dê Ctrl+F e pesquise por:

body { 

Você terá que apagar todo o código que o acompanha, por exemplo, no novo blogger irá ser assim (ou não):

body {
  font: $(body.font);
  color: $(body.text.color);
  background: $(body.background);
}

Você terá que apagar tudo isso.
Depois que apagar, adicione esse código no lugar do outro.

body, html {
 height: 300px;
 margin: 0;
 padding: 0;  }
body {
background: url("URL do 1º background") repeat; }
html {
 background: url("URL do 2º background") repeat; }

Visualize, se estiver bom, salve!

OBS.: Se você quiser alterar o tamanho do 1° Background terá que alterar o 300.

É isso, gostaram? Bjks

Como colocar fundo no titulo do post

Oi gente tudo bem?
Hoje, á pedido de uma leitora irei fazer esse tutorial de como colocar fundo no titulo do post, igual ao que está no blog, lembrando que se vocês quiserem ver tutoriais aqui é só pedir.
Bom esse tutorial é bem rápido e simples então vamos lá.
Vá no blog> Design> Editar HTML.
Procure por (Ctrl + F ou F3)

h3.post-title {

Quando achar, cole logo abaixo, se você quiser uma cor:

background-color: #codigodacor;

Mas, se você quiser uma imagem:

background:transparent url(LINK DA IMAGEM AQUI) no-repeat bottom; align: center; margin:.25em 0 0; padding: 40px 5px 5px 50px;

Lembrando que as medidas servem para uma imagem de 500x60px


Visualize, se estiver bom, salve!
É isso bem simples, não?
Bjks.

Tutorial: Assinatura personalizada

Oi gente tudo bem?
Á pedido de algumas leitoras irei mostrar hoje como fiz a minha assinatura.
Lembrando que eu estou usando o photofiltre.
Se você quiserem aprender cliquem em mais informações (:




Primeiro, abra seu photofiltre e clique em novo.

Depois vá em Camada> novo> abrir como camada. Faça isso para adicionar a foto.

Depois que adicionou a foto, você pode diminui-la clicando com o botão direito do mouse em Transformar livremente> escala.

Pronto, agora que você já adicionou a imagem vamos desfoca-la.

Vá na barra lateral direita e selecione a ferramenta 'Borracha'

 

E ajuste assim:

Depois, vá apagando a imagem de leve desse jeito:

Vá apagando até fazer um circulo sobre a imagem.

Agora vamos adicionar o texto, vocês perguntaram como eu fazia esse degradê, mas, na verdade eu não fiz um degradê apenas adicionei uma imagem a letra, dessa maneira:

No fim, a minha assinatura ficou assim:

Lembrando: Se a sua imagem ainda ficar com um fundo quase transparente, aumente a pressão da borracha e apague.

Espero que tenham gostado do tutorial.

Bjks

Tutorial: Cabeçalho no PhotoFiltre

Oi gente tudo bem?
Hoje, a pedido de uma leitora super especial, farei um tutorial ensinando como fazer um cabeçalho no PhotoFiltre Studio X.
Cliquem aqui para baixar e ver como traduzir.
Se você, quiser aprender, clique em mais informações!




Ok, abra o programa e siga o tutorial:

Primeiro, ao abrir o programa clique em "Novo"

Depois, para selecionar as imagens para o cabeçalho, faça o seguinte:

Eu coloquei uma cor de fundo, mas você pode usar um background, eu pintei o fundo com essa ferramenta:

Agora para adicionar o titulo, faça o seguinte:

Quando abrir a janela:

Depois de adicionar o titulo:

clique na imagem para ampliar

Ok, depois que você enfeitou faça o seguinte

clique na imagem para ampliar

Ok, depois de salvar e colocar no seu blog:

clique na imagem para ampliar

Depois que terminei, meu layout ficou assim:

clique na imagem para ampliar

Espero que gostem!

Para terminar, queria dizer que fiz uma encomenda:

clique na imagem para visualizar o blog

Para os(as) que querem encomendar, só pelo e-mail: sd.bruninha@gmail.com

Bjks