PNG's da Avril Lavigne

,

Boa Noite, eu sou Amanda Carvalho (Manda, ou Nerd pra ficar mais fácil ^^). Vou postar aqui todos os sábados, tutoriais e utilitários. Como o David já me apresentou (nesse post) eu não vou ser chata e me apresentar de novo. Bom, desejem-me sorte e comentem muito (haha).

Bem, hoje eu ia postar um tutorial, mas como deu um erro no post hoje eu vou postar PNG's, ai semana que vem se eu ou o David conseguir resolver, eu posto o tutorial. 
Eu trouxe PNG's da Avril Lavigne acho ela muito bonita, mas confesso que nunca ouvi uma música dela ><. Como eu peguei de um monte de blogs, eu não de quem todos são, mas se algum for de sua autoria é só me avisar que eu credito. 

Espero que seja útil e até semana que vem

Como colocar blockquote no blog

Oi gente, hoje eu venho com um tutorial que muitos blogueiros utilizam, de como colocar o blockquote (é uma citação, mais utilizada em tutoriais e avisos) não é nada dificil mais requer atenção:

1. Vá em design, depois em editar Html, de um Ctrl + F e procure por:

]]></b:skin>

2. Acima dele cole o seguinte código:

.post blockquote {
margin: 1em 13px;
background: #E6E9EB;   /*cor do fundo do blockquote*/
border: 1px solid #c2c2c2;   /*cor da borda*/
border-left: 7px solid #5FBAEC;   /*cor da borda*/
padding: 10px;   /*espaçamento do texto*/
font-size: 12px;   /*tamanho da fonte*/
font-family: tahoma;   /*tipo da fonte*/
color: #000000;   /*cor da fonte*/
}

 Neste código já da pra você ter uma ideia de como personaliza-lo, então pra ficar mais fácil utilize essa tabela de cores.

3.Para utilizar o blockquote é só escrever, seleciona-lo e dar um clique no simbolo das aspas:

Clique na imagem para amplia-la  

Espero que tenham gosto do tutorial, em breve tem mais !

Beijos

Alguns backgrounds

Oi gente, desculpe a demora pra postar é que eu estava muito sem inspiração e também sem tempo, essa correria de comprar material escolar, conhecer a nova escola e varias outras coisas rsrs !
Mais hoje eu decidi que vou começar a postar utilitários aqui no blog e um deles são os backgrounds que deixam os blogs muito lindos e chiques.Então chega de papo e vamos logo a eles:

Personalizando a data da postagem

Hooy, hoje venho ensinar a vocês a personalizar a data da postagem.Esse tutorial foi pedido pela Mariana do blog Girl Teen.É muito simples ;p


1. Vá em designer, depois editar HTML e de um Ctrl + f, procure por:

.main-inner h2.date-header {

2.Vocês vão encontrar um código mais ou menos assim:

.main-inner h2.date-header {
font: georgia;
color:#090707;
margin-right: -100px;
background: #FFFFFF;
float: left;
font-size: 17px;
padding: 4px;
}
.main-inner h2.date-header:hover {
background: #DB7093;
}

3.Apague o e cole este no lugar:

.main-inner h2.date-header {
float: right;
background: #FFFFFF;
color: #333;
font-family: Tahoma, Tahoma;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
} 

Agora é só modificar do jeito que você quiser. beijos

Mini gif no titulo do post

Hooy gente, acordei meio animado hoje, deve ser porque eu dormi com o fone de ouvido rsrsrs.Penultimo dia do ano de 2011, acho que todos devem estar bem felizes, só eu mesmo que to meio assim esquisito deve ser porque cada vez que o dia vai passando as férias vão diminuido, mais nao quero falar disso, vamos ao tutorial bem simples que eu achei: Como colocar o mini gif no titulo dos posts (muitas pessoas nao gostam como eu, mais eu vou ajudar as que curtem e nao sabem como colocar).

1.Escolha uma imagem, pode ser nesse site que eu encontrei : http://evelyns-place.com.br/mini-gifs/
2. Logo após vá em Design, editar Html.
3. Clique na opção Expandir modelos do widget

4.De um Ctrl + f , e procure por:

data:post.link'><data:post.title/></a>

5.Você vai encontrar o seguinte código:

:        <b:else/>

6.Cole ao lado:

<img src='Url do Gif ' style='vertical-align: middle;'/>

Somente muda o que esta em azul pelo link do mini gif.

espero que tenham gostado do tutorial , um ótimo ano novo a todos !
                     

Diminua o tamanho da imagem sem programa editor

 Oi gente , eu ja  sei até o que vocês vão dizer "Nossa faz tempo que você nao postar um tuto heim?" shuahsuah, perdão é que eu nao estou tendo tempo e ainda por cima tutos tem que ser bem mais elaborados do que os posts, o que dificuta muito para mim.Mas vou fazer o que puder para postar um toda semana *--*

Novamente como no outro tuto passado eu retirei do meu blog preferido de tutoriais o Menina Nerd (então devidos créditos a esse blog)
Vocês ja devem ter percebido como é ruim quando colocamos uma imagem na coluna lateral do blog e ela passa da dimenção.Hoje vamos aprender como diminuir uma imagem sem programa editor:

Exemplo a imagem do concurso de férias realizado pelos blogs Salada de Frutas Br e The Fashion Wonderland

1.Após colar o código da imagem gadget, adicione:

width="180"

antes de /> , desse jeito:

Agora é só modifcar o numero ("180") para diminuir a imagem.
Gostaram do tutorial ?
beijos

Barra de rolagem colorida

Oi pessoas . Hoje vou postar o meu primeiro tutorial eeeeeeh rsrs! Ja havia perguntado a vocês qual tutorial deveria ser o primeiro aqui no Gn,poucos responderam mais ouve repetições então o escolhido é a barra de rolagem colorida .

Antes de tudo vamos dar os devidos créditos a Menina Nerd, que é um blog perfeito!
Então vamos começar:

1. Vá em designe, depois editar HTML, de um CTRL + F ou F3 e procure por :

]]></b:skin>

2. E antes dele cole:

*{
scrollbar-face-color:#FF69B4;
scrollbar-highlight-color:#FF69B4;
scrollbar-3dlight-color:#343434;
scrollbar-darkshadow-color:#343434;
scrollbar-shadow-color:#FF69B4;
scrollbar-arrow-color:#343434;
scrollbar-track-color:#343434;
}

::-webkit-scrollbar {width: 12px; height: 4px; background: #343434; }
::-webkit-scrollbar-thumb { background: #FF69B4; }

  OBS :Os códigos destacados em roxo representam a cor da barra, e os destacados em vermelho representa a cor de fundo. Se quiser, você pode mudar as cores, basta substituir os códigos destacados. Essa tabela tem várias cores. Não funciona no Firefox.

Espero que tenhãm gostado

 beijo beijo