Postagem de teste I

TESTANDO TESTANDO TESTANDO TESTANDO 

TESTANDO TESTANDO TESTANDO TESTANDO TESTANDO TESTANDO TESTANDO TESTANDO TESTANDO TESTANDO TESTANDO TESTANDO TESTANDO TESTANDO TESTANDO TESTANDO TESTANDO TESTANDO TESTANDO TESTANDO TESTANDO TESTANDO TESTANDO TESTANDO TESTANDO TESTANDO TESTANDO TESTANDO TESTANDO TESTANDO TESTANDO TESTANDO TESTANDO TESTANDO TESTANDO 

Postagem de teste II

TESTANDO TESTANDO TESTANDO TESTANDO

TESTANDO TESTANDO TESTANDO TESTANDO TESTANDO TESTANDO TESTANDO TESTANDO TESTANDO TESTANDO TESTANDO TESTANDO TESTANDO TESTANDO TESTANDO TESTANDO TESTANDO TESTANDO TESTANDO TESTANDO TESTANDO TESTANDO TESTANDO TESTANDO TESTANDO TESTANDO TESTANDO TESTANDO TESTANDO TESTANDO TESTANDO TESTANDO TESTANDO TESTANDO TESTANDO 

neve caindo no blog

imagem do blog Adolescente nerd

Meu povo lindo! Eu não fazia IDEIA do primeiro tuto que eu ia postar aqui no blog então fiquei pensando e pensando... Bora postar por partes como o layout atual do blog foi desenvolvido? Ok, vamos lá!

O tuto de hoje vai ser bem simplesinho. Neve caindo no seu blog. É super fofo e da um ar bem mais natalino, e as vezes é ate um pouco refrescante nesse calor que ta fazendo!

Pra continuar com o tuto clica leia mais!

Barra de rolagem colorida

Ja devem ter percebido que sou louca pelo Yuya Matsushita... U-U

Oioi seus lindos!

Bom, todos os posts anteriores foram feitos pela Ni-chan e esse é meu primeiro então queria que fosse útil não necessáriamente especial e tal por isso postarei um tutorial que vai deixar seu blog mais leve e a sua cara só se você usar, claro! Vamos ao tutorial?? Aperte leia mais!

Tutorial: Centralizando o Titulo do Post e gadget

Dream

Hooy meus amores!! Como estão?? Eu estou ótima!! ^^

Então, resolvi trazer hoje um tuto para vocês. Ele é bem simples, mais tambémmuito usado pelas blogueiras... Mais o estranho é que eu não vi quase nenhum Blog que o ensine!!

No tuto irei ensinar a centralizar o titulo do post, como aqui no LC!!

Vamos lá?

Primeiro você deve apertar F3 ou Ctrl + F e procurar por:

/* Posts
----------------------------------------------- */

E, quando você encontrar, cole logo abaixo o trecho a seguir:

h3.post-title {

text-align:center;

}

Visualize e se estiver tudo certinho é só salvar!!

Simples né gente??

Bom galerinha, acho que por hoje é só...

Kisses meus fofos!!

Oi meus lindos <3

Esse é o segundo tutorial aqui pra vocês no blog, e desta vez eu que vou postar hehe. Acho que muita gente já procurou esse tuto né, e eu achei no blog Feelings Of A Boy, e por isso vou postar aqui pra vocês =) É super fácil, vamos lá.

1 - Vá em "Editar HTML", clique CTRL + F e procure por /*Headings. Não precisa expandir modelo de widgets e tal, é só procurar.

2 - Embaixo vai ter alguns códigos e você vai procurar por  .sidebar .widget h2 { , que está no terceiro parágrafo abaixo.

3 - Na frente de { você vai colocar  text-align: center; Vai ficar assim: (imagem do blog Feelings of a Boy)

4 - Visualize e veja se está tudo certo, se não você pode ter colocado o código no lugar errado. Veja como exemplo o título dos gadgets aqui do blog, que estão centralizados.

Espero que o tuto tenha sido útil para vocês, comentem!


VISITEM O NOVO BLOG SIMPLESMENTE ASSIM

Imagens Arredondadas e Com Efeito Opacidade

Para quem não sabe, efeito opacidade é quando a imagem fica mais clara ao passar o Mouse ou sem passar os Mouse. E aproveitando o momento, eu vou ja fazer um tutorial de como deixar as imagens arredondadas. Let's go?

 Primeiro, você vai procurar por .post-body { , você vai achar algo assim:

botão de leia mais no blog

  ESTILO 1 – IMAGEM FIXA

Neste caso, vai aparecer apenas uma imagem fixa no local onde fica o link leia mais…

1 – Acesse o HTML do deu blog
2 – Procure por:

1	<data:post.jumpText/>

3 – Ao encontrá-la, substitua por :

1	<img src="URL da sua imagem"/>

4 – Cole o endereço da sua imagem no local indicado (URL da sua imagem), salve e Pronto!

  ESTILO 2 – EFEITO HOVER

Neste caso, vai aparecer duas imagem no local onde fica o link leia mais.
Terá que ter duas imagens. Uma que aparece em todas as postagens e a outra quando o mouse está em cima para clicar. Estilo o efeito hover.

1 – Acesse o HTML do deu blog

2 – Procure por:

1	<data:post.jumpText/>

3 – Ao encontrá-la, substitua por :

Estilo único

1	<img src="URL da sua imagem"/>

Estilo hover

1 2 3

<img border='0' onmouseout='this.src='url da sua imagem'' onmouseover='this.src='url da sua imagem quando passa o mouse' ; return true' src='url da imagem'/>

4 – Cole o endereço da sua imagem nos locais indicados, salve e Pronto!