UnderGround | Official

Tutorial - Menu Arrow

noreply@blogger.com (Natália Souza) — Tue, 05 Feb 2013 15:33:00 +0000

Yoo ~

Olá gente, hoje só passei rapidinho pra ensinar o tutorial desse menu que o blog está agora, ele chama menu arrow, e é super fofo, tanto pra usa no cabeçalho quanto na sidebar. Logo mais venho fazer o post do novo layout, agora estou com pressa ok?

Bom, vamos lá!

preview do menu

1.Vá em modelo → Editar HTML → e procure por (ctrl+f) ]]></b:skin> → cole acima de tag:

@font-face {font-family: "handy"; src: url('http://static.tumblr.com/lnvca6d/E6vm63ih7/pf_ronda_seven__1_.ttf');}
.arrow {margin: 1px; text-align: center; font: 8px handy; text-transform: uppercase; display: inline-block; position: relative; color: #000000; width: 45px; padding: 3px; text-decoration: none; background-color: #CORDOFUNDO; border: 2px solid #CORDABORDA;}
.arrow:hover { background-color: #CORDOFUNDOHOVER; border: 2px solid #ef7aa1;}
.arrow:hover:after {
content: ''; width: 0; height: 0; position: absolute; left: 50%;
margin-left: -2px; bottom: 0; border-width 9px; border-style: solid; border-color: transparent transparent #CORDASETA transparent;}

~~edite as partes em negrito com cores que preferir~~

2. Salvar modelo → Layout →Adicionar um gadget →HTML/JavaScript → cole

<a href="SEULINK" class="arrow">Menu</a>
<a href="SEULINK" class="arrow">Menu</a>
<a href="SEULINK" class="arrow">Menu</a>
<a href="SEULINK" class="arrow">Menu</a>

~~Edite as partes em negrito, se quiser mais abas, é só adicionar mais um linha.~~

3. Salve tudo e visualize.

achei no [www]

Estou mara que tenham gostado, comentem abaixo se gostaram e se vão usar.

Beijos com amor

@naatasouza

Menu Poison + Girl Stop

noreply@blogger.com (Natália Souza) — Thu, 04 Oct 2012 23:53:00 +0000

Yoo , minna san !

Tudo bem? Desculpem-me pela minha ausência pessoal . É que agora eu não estou mais ficando direto em casa... E as vezes os dias que sobram, eu descanso, mais enfim, hoje trouxe um menuzinho que eu fiz *-* Ele é muito cute

Bom , ele é meu primeiro menu u.u então, pode não ser tão bom assim! Mais vamos lá...

Modelo >> Editar HTML >> procure por ]]></b:skin> >> cole acima

   /*---Início do Menu Poison por UnderGround -- http://edunderground.blogspot.com ---*/

    bdg {

    font-family: tahoma; /* Fonte do Menu */
    width: 17%; /* Tamanho do Menu */
    float: left;
    background:#FDFCF7; /* Cor do fundo do Menu */
border-bottom:1px solid #A549B6;
border-top:1px solid #A549B6;
border-left:1px solid #A549B6;
border-right:1px solid #A549B6;
padding: 5px;
    text-align: center;
    margin: 2px;
    -webkit-border-radius: 9px 0px 9px 0px; /* Pontinhas da Borda - não modifique se quiser o formato igual ao meu */
    -webkit-transition-duration: .80s; /* Duração do Efeito - não modifique se quiser o efeito igual ao meu */
    font-size: 08pt; /* Tamanho da fonte */
    color: #C86DDF; /* Cor da fonte */
    }
    bdg:hover {
    font-family: tahoma; /* Fonte do Menu quando passa o mouse */
    width: 17%; /* Tamanho do Menu quando passa o mouse */
    float: left;
    background:#EAFBF7; /* Cor do fundo do Menu quando passa o mouse */
border-bottom:1px dotted #A549B6;
border-top:1px dotted #A549B6;
border-left:1px dotted #A549B6;
border-right:1px dotted #A549B6;
    padding: 5px;
    text-align: center;
    margin: 2px;
    -webkit-border-radius: 0px 9px 0px 9px; /* Pontinhas da Borda - não modifique se quiser o formato igual ao meu */
    -webkit-transition-duration: .80s; /* Duração do Efeito - não modifique se quiser o efeito igual ao meu */
    font-size: 08pt; /* Tamanho da fonte do Menu quando passa o mouse */
    color: #9333DB; /* Cor da fonte do Menu quando passa o mouse */
    }
    /*---Fim do Menu Poison por UnderGround - http://edunderground.blogspot.com ---*/

Salvar modelo >> Visualize *o*

Depois, para adicionar os links :

Layout >> Adicionar um gadget >> HTML/JAVA Script >> cole

<a href="Link"><bdg>Nome</bdg></a>

<a href="Link"><bdg>Nome</bdg></a>

<a href="Link"><bdg>Nome</bdg></a>

<a href="Link"><bdg>Nome</bdg></a>

Edite com os seus links >> Salvar >> Salvar Configurações >> Visualize*o*

Gostaram ? bom estou mara que siim !

Apenas mais um coisinha , eu gostaria de pedir que visitasse o blog da minha prima a Bia ~~o girl stop~~ , bom eu quem fiz o layout espirado a um antigo meu, e de vez em quando eu vou começar lá, visitem lá, comentem, sigam, só para dar motivação para continuar ahsuah ' todo blogueiro já passou por isso né gente.. Beijos

Blog da Bia // Girl Stop

Beijos com Amor !

Natalia

Tutorial - Menu Sweet

noreply@blogger.com (Natália Souza) — Fri, 17 Aug 2012 22:02:00 +0000

Yoo ~

Oi gente, tudo bem? Gostaram do novo lay ? *-* Eu gosti muito, fico mais teen...

Bom, hoje eu vim postar um menu bem bunitinho *-*

Let's Go?

~~Voce abre um gadget HTML, mais nao é pra coloca os links, é pra colocar o CSS...~~

Adicionar gadget>> HTML/Java Script >> e cole esse código:

<style>

.menu {background: #fec7cc;

font-size: 10px;

font-family:verdana;

color: #de7689;

text-align:center;

height:13px;

width:197px;

margin:2px;

border:1px solid #eb8a9c;

border-top:1px solid #eb8a9c;

border-left:4px solid #eb8a9c;

display: inline-block;

text-shadow: 0 1px 1px #fff;

font-weight:bold;

padding-top: 2px;

padding-bottom: 6px;

margin-bottom: -3px;

border-top: 1px solid #eb8a9c;}

</style>

Depois, salve e ok...

Abre o gadget, que vai ser o menu...

Adicionar um gadget>>HTML/Java Script>> cole:

<a href="link" class="menu"><font color="#de7689">Nome</font></a>
<a href="link" class="menu"><font color="#de7689">Nome</font></a>
<a href="link" class="menu"><font color="#de7689">Nome</font></a>

Salve >> e ok

Visualize? OK ? ebs *-* kkk

Comentem embaixo, o que achara oook?

Credito do Menu [www]

Beijos com amor

Nataalia #

Tutorial : Colocar os Afiliados igual ao meu.

noreply@blogger.com (Natália Souza) — Thu, 02 Aug 2012 22:13:00 +0000

Kuroshitsuji >♥<

Yoo ~

Hoje trouxe um tutorial que foi pedido da Kaay pela C-Box.

É de como fazer os afiliados igual o meu.

Vai ser em 2 partes.

Let's Go.

1° Etapa - Fazer a Elite

1. Voce vai usar o tutorial de menu com gif, que está aqui.

2. O ultimo código do post do tutorial de como colocar menu com gif, o que tem 4 linhas, vai ser aonde vai ficar seus afiliados. O código tem 4 linhas, cada linha fornece 1 afiliado, se voce tiver mais, repita o código, lembre-se faça isso no bloco de notas.

3. Edite tudo no bloco de notas assim:

<a id="menuv" href="LINK" target="iframe">Link 1</a>

Aonde está LINK, coloque o link do seu afiliado e aonde esta Link # coloque o nome do seu afiliado

Exemplo:

<a id="menuv" href="http://edunderground.blogspot.com" target="iframe">UnderGround</a>

Até ai ok? ok

4.Quando voce tiver o código completo, todo editado com todos os seus afiliados, você vai deixar o bloco de notas de lado um pouquinho ~~mas não feche~~. E vamos para a 2° Etapa

2° Etapa - Ocultar tudo na imagem

1° Voce vai fazer uma imagem aonde vai ser a que voce clicar vai aparecer os afiliados.

2. Voce vai no seu layout >> Adicionar um gadget >> HTML/Java Script e cole nele:

<div class="divspoiler">
<img src="IMAGEM DE MAIS" onclick="if (this.parentNode.nextSibling.childNodes[0].style.display != '') { this.parentNode.nextSibling.childNodes[0].style.display = ''; } else { this.parentNode.nextSibling.childNodes[0].style.display = 'none';}" />
</div><div><div class="spoiler" style="display: none;">
CONTEÚDO OCULTADO
</div></div>

3. Você vai hospedar a imagem de expansão em algum site, eu hospedei no Tinypic, e vai copiar o link direto, se voce hospedar do tinypic, vai o ultimo link.

4. Voce vai colar o Link, aonde está escrito "IMAGEM DE MAIS"
ok? ok

5. Depois, para aparecer os afiliados, você vai pegar aquele código que estava no bloco de notas, e vai colar no lugar de "CONTEÚDO OCULTADO"

6. Salve tudo e visualize!

Qualquer duvida é só perguntar nos comentários.
Estou mara que tenham intendido e gostado

Para a Kaay: Kaay, amanha eu irei postar as imagens para afiliados :D

Beijooos

Natalia

Tutorial - Colocar Menu com Gif

noreply@blogger.com (Natália Souza) — Sat, 28 Jul 2012 02:20:00 +0000

oonw *-*
Yoo~

Bom, como falei no post anterior, iria trazer o tutorial de menu com gif, e aqui está...

Bom gente, eu to muito feliz, pois a Lary a dona do The Lovers comentou aqui no blog,e eu fiquei bem feliz, tá no post anterior *-*

Enfim.

Let's Go

...

Vá em Design > Editar HTML e procure por ]]></b:skin>

Acima, cole:

#menuv {
display : block;
border-bottom : 1px dotted #ff6fba;
background-repeat : no-repeat;
text-indent : 10px;
text-align: left;
line-height : 14px;
margin-bottom : 0px;
background : url('http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/99.gif') no-repeat left;
padding-left : 3px;}
#menuv:hover {
display : block;
text-align: left;
border-bottom : 1px dotted #9e9298;
background : url('http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/94.gif') no-repeat left;
padding-left : 3px;}

Configure como quiser. O link de turquesa é o gif que vai aparecer e o de roxo link é o gif que aparece quando passa o mouse.

...

border-bottom : 1px dotted #ff6fba;

Tamanho, tipo e cor da borda, se quiser a borda tracejada use dashed, e se quiser ela normal use solid

Para usaro menu é só colocar esse código onde quer que apareça:

Por exemplo nos afiliados, voce cola no gadget de HTML, e vai editando...

...

<a id="menuv" href="LINK" target="iframe">Link 1</a>
<a id="menuv" href="LINK" target="iframe"> Link 2</a>
<a id="menuv" href="LINK" target="iframe"> Link 3</a>
<a id="menuv" href="LINK" target="iframe"> Link 4</a>

E ficara assim:
Link 1 Link 2 Link 3 Link 4

Imagens para Menu com Gif

noreply@blogger.com (Natália Souza) — Wed, 25 Jul 2012 21:13:00 +0000

Yoo ~

Desculpem pela demora para postar, eu realmente estou muito ocupada com alguns assuntos da minha escola.

Bom, eu tenho ali nos meus afiliados, uma listinha que eu chamo de Menu com Gif, que troca de imagem quando voce passa o mouse, enfim, eu acho que fica muito lindo!

E por isso vim trazer umas imagens, que eu não achei na internet, eu tive que fazer, é aquelas que tem um circulo, e depois um coraçãozinho dentro, bom proximo postagem, eu ensino a como colocar o menu com gif...

Bom Let's Go

Bom, é isso, proxima postagem, tutorial de como colocar menu com gif, se precisarem de outra cor, é só avisar que eu atualizo aqui!

Por hoje é só.
Há, e obrigada pelos 80 seguidores do blog, que no caso já são 81! Eu abri mais 5 vagas para afiliados, uma já foi ocupada...

Beijoocas

Natalia

40 Dias de Musica - Dia 06

noreply@blogger.com (Natália Souza) — Thu, 05 Jul 2012 17:40:00 +0000

Oi geente!

Hoje é o ultimo post do dia... Pois vou configurar meu celular...

Bom, estou muitoo empolgada com este desafio, sério!

Bom vamo conferir o dia de hoje???

Dia 06: Uma música que te evoca um lugar

Cough Syrup - The Young Giant

Bom, esta musica me lembra da escola... De um dia, que começou a complicar as coisas... Enfim.

Por hoje é só

Beijos

Natalia

Como substituir Leia Mais por Imagem

noreply@blogger.com (Natália Souza) — Wed, 04 Jul 2012 23:44:00 +0000

Olá Gente!!

Bom,eu trouxe um tutorial bem simples hoje..~~. eu não uso ele... Porem,~~ eu acho bem legal os blogs que usam, pareçe que fica mais organizado... Como podem ver é de como colocar uma imagem no lugar de Leia Mais...

Bom ele é simples... Então...

LET'S GO

...

Vá em Design >> Editar HTML >>clique na caixinha "Expandir modelo Widget".

Aperte CTRL+F e procure por:

<data:post.jumpText/>

achou? Apague e substitua por esse código:

<p align='right'><a expr:href='data:post.url'><img src='URL_da_IMAGEM'/></a></p>

Vou deixar algumas imagens:

Para usar estas que eu estou disponibilizando é só clicar com o mouse direito copiar o Link e colar aonde esta escrito URL DA IMAGEM lá no código, se voce for fazer a sua propia imagem, é só voce hospedar em algum site e colar o link em URL DA IMAGEM...

COMO USAR O LEIA MAIS

Bom, voces fazem a postagem, e faz a parte que quer que fique a mostra... depois voce vai procurar na barra. uma folhinha que tá cortada no meio... Voce clica nela, vai aparecer uma barra cinza, e voce escreve em baixo desta barra, o que estiver escrito em baixo dela vai ficar escondido ^^

Estou mara que tenha entendido

Se voces precisarem de mais imagens, é só avisar do geito que voce precisa... Qualquer duvida é só me avisar nos comentarios ou na C-Box

Beijooos

Natalia *w*

Desafio- Dias de Musica 3 4 5

noreply@blogger.com (Natália Souza) — Wed, 04 Jul 2012 19:05:00 +0000

Heelloo cupcakes

Eu demorei um pouco mais vim, agora eu estou aqui para postar o dia 3 4 5 dias de musica...

Olhem a lista:

Dia 03: Uma música que te deixa feliz
Dia 04: Uma música que te deixa triste
Dia 05: Uma música que te faz lembrar de uma pessoa

Dia 03: Uma música que te deixa feliz

Smile - Avril Lavigne

Dia 04: Uma música que te deixa triste

GroupLove - Slow

É a musica do casamento da Blair(~~Gossip Girl~~) eu chorei rios na hora, porque foi muito lindo, e muito triste porque o Chuck aparece. ~~Enfim, vo para porque se não eu conto a temporada inteira~~

Dia 05: Uma música que te faz lembrar de uma pessoa

*-*
Se meu celular não chega eu posto um tuto mais tarde ;]

Beijos

Bruna

Faixas para Gadget

noreply@blogger.com (Natália Souza) — Tue, 03 Jul 2012 19:16:00 +0000

Olá gente, a pedido da @Juh pediu um tutorial de como colocar esta faixa que esta aqui no UG...

Bom amos lá

...

Eu vou ensinar a adicionar por um gadget, porque adicionando pelo HTML pode dar problema... Bom, vamos lá...

Vá em seu Layout >> Adicionar um Gadget>>HTML/Java Script>> cole:

<style>

.sidebar h2 {
font-family: Verdana; /*Nome da fonte*/
    font-size: 17px; /*Tamanho da fonte*/
    color: #fff; /*Cor da fonte*/
    background: url(URL DA IMAGEM) no-repeat center; /*Sua faixa e posição*/
    height: 25px;/*Altura da imagem*/
    width: 300px; /*Largura da imagem*/
    text-align: center; /*Alinhamento do texto*/
    margin-top:-5px;
    margin-left:-9px ;
    margin-bottom:10px ;
    text-shadow:0 2px #616061 ;
    padding:5px;
    width:112%; }

}

</style>

Modifique de seu geito ...

Vou deixar algumas imagens aqui: Se voces quiserem usar elas, é só voces clicarem com o botão direito nelas, e apertar : Copiar Link então voces colam ali em: URL DA IMAGEM

Salvem e visualizem, se der alguma coisa errada me avisem nos comentários ;)

...

Tutorial inpirado no do Kawaii World

Beijos

Natalia

Tutorial - 6 Estilos hovers para Links

noreply@blogger.com (Natália Souza) — Sun, 01 Jul 2012 18:53:00 +0000

Heey

Hoje, trouxe um tuto bem simples, e que deixa o blog bem mais fofinho...

É de como personalizar o hover dos links ~~quando voce passa o mouse -.-'~~

Bom,trouxe varios estilos...

São estes:

1 - Hover Pontilhado

2 - Hover Tracejado

3 - Hover Fade

4 - Hover em Italico

5 - Hover em Negrito

6 - Hover com linha normal

...

Efeito Hover Pontilhado

1. Vá em Design >> Editar HTML >> CTRL + F >> e procure:

a:link {
text-decoration:none;
color: $(link.color);
}
a:visited {
text-decoration:none;
color: $(link.visited.color);
}
a:hover {
text-decoration:none;
color: $(link.hover.color);
}

Procure por a:link { para simplificar...

~~Sublinhado é o que vamos editar ;]~~

Embaixo de

color: $(link.hover.color);

e acima de } cole:

border-bottom: 1px dotted #000000;

Ficando :

a:link {
text-decoration:none;
color: $(link.color);
}
a:visited {
text-decoration:none;
color: $(link.visited.color);
}
a:hover {
text-decoration:none;
color: $(link.hover.color);

border-bottom: 1px dotted #000000;
}

Verifique se depois de text-decoration:none; esta com none e não underline

Aonde esta: #000000 é a cor dos pontinhos, a cor do link, voce vai personalizar no seu "Personalizar"~~(no modelo)~~ do blog mesmo, é só ir em Design>>Personalizar>>Avançado>>Links>> e editar la as cores...

...

2 - Efeito hover em Tracejado

1. Vá em Design >> Editar HTML >> CTRL + F >> procure:

a:link {
text-decoration:none;
color: $(link.color);
}
a:visited {
text-decoration:none;
color: $(link.visited.color);
}
a:hover {
text-decoration:none;
color: $(link.hover.color);
}

~~Em Sublinhado é o que vamos editar ;]~~

Embaixo de

color: $(link.hover.color);

e acima de } cole:

border-bottom: 1px dashed #000000;

Ficando :

a:link {
text-decoration:none;
color: $(link.color);
}
a:visited {
text-decoration:none;
color: $(link.visited.color);
}
a:hover {
text-decoration:none;
color: $(link.hover.color);

border-bottom: 1px dashed #000000;
}

Verifique se depois de text-decoration:none; esta com none e não underline

Aonde esta: #000000 é a cor dos traçinhos, a cor do link, voce vai personalizar no seu "Personalizar"~~(no modelo)~~ do blog mesmo, é só ir em Design>>Personalizar>>Avançado>>Links>> e editar la as cores...

...

3 - Hover em Fade

O que é um Hover Fade? É aquele link que troca de cor lentamente...

Vá em Design >> Editar HTML >> Ctrl + F >> procure por:

a:link {
text-decoration:none;
color: $(link.color);
}
a:visited {
text-decoration:none;
color: $(link.visited.color);
}
a:hover {
text-decoration:underline;
color: $(link.hover.color);
}

Apague e cole:

a:link {
color: #E9A1C0; /* Cor do link*/
text-decoration: none;
-webkit-transition: color 0.7s ease-out;-moz-transition:
color 0.7s ease-out;transition: color 0.7s ease-out;
}
a:visited {
color: #33CCCC; /*Cor dos links visitados*/
text-decoration:none;
filter:alpha(opacity=100);
-moz-opacity: 1; -khtml-opacity: 1; opacity: 1;
}
a:hover {
color: #707070; /*Cor do link quando passa o mouse*/
text-decoration:none;
filter:alpha(opacity=100);
-moz-opacity: 1; -khtml-opacity: 1; opacity: 1;
}

Faça as mudanças nele... Lembrando, o código acima, vale apenas para a area dos posts e não para a sidebar... se voce precisar para a sidebar tambem é só me avisar nos comentarios que eu posto aqui ^^

...

Hover em Italico

Vai em design >> Editar HTML >> CTRL + F e procure por:

a:link {
text-decoration:none;
color: $(link.color);
}
a:visited {
text-decoration:none;
color: $(link.visited.color);
}
a:hover {
text-decoration:underline;
color: $(link.hover.color);
}

Acima de } voce vai colar o seguinte código:

font-weight: italic;

ficando:

a:hover {
text-decoration:none;
color: $(link.hover.color);
font-weight: italic;
}

Se voce quiser, tirar aquela linha embaixo que tem, é só voce ir ali no código e em vez de underline voce colocar none...

Ficando igual este código debaixo:

a:hover {
text-decoration:none;
color: $(link.hover.color);
font-weight: italic;
}

...

Hover em Negrito

Vai em design >> Editar HTML >> CTRL + F e procure por:

a:link {
text-decoration:none;
color: $(link.color);
}
a:visited {
text-decoration:none;
color: $(link.visited.color);
}
a:hover {
text-decoration:underline;
color: $(link.hover.color);
}

Acima de } voce vai colar o seguinte código:

font-weight: bold;

ficando:

a:hover {
text-decoration:none;
color: $(link.hover.color);
font-weight: bold;
}

Se voce quiser, tirar aquela linha embaixo que tem, é só voce ir ali no código e em vez de underline voce colocar none...

Ficando igual este código debaixo:

a:hover {
text-decoration:none;
color: $(link.hover.color);
font-weight: bold;
}

...

Hover com Linha normal

Bom, este os blogs já vem, mais caso voce tenha editado e quer este efeito de volta, é só deixar este código:

Vá em Design >> Editar HTML >> Ctrl + F >> procure por:

a:link {
text-decoration:none;
color: $(link.color);
}
a:visited {
text-decoration:none;
color: $(link.visited.color);
}
a:hover {
text-decoration:underline;
color: $(link.hover.color);
}

o underline é a linha em baixo... dai por via das duvidas... voce vai colar isto antes de }

border-bottom: 1px solid #000000;

O código ficara assim:

a:link {
text-decoration:none;
color: $(link.color);
}
a:visited {
text-decoration:none;
color: $(link.visited.color);
}
a:hover {
text-decoration:none;
color: $(link.hover.color);

border-bottom: 1px solid #000000;
}

...

Bom gente, é só isto... Se alguma coisa deu errado, diga nos comentarios que eu irei concertar...

Bezos

Bruna

40 dias de musica - dia 1

noreply@blogger.com (Natália Souza) — Sat, 30 Jun 2012 17:56:00 +0000

Olá gente!

Como eu estava a bastante tempo sem postar, decidi pegar um desafio que estava rolando nos blogs ha algum tempo, e postar, agora todo dia irei postar kkk...

Bom enfim, como perceberam, o desafio envolve musica, ~~UURRRUH~~

Então, acompanhem a lista, e depois o 1 dia *w*

Dia 01: Música favorita

Dia 02: Música que você não suporta

Dia 03: Uma música que te deixa feliz
Dia 04: Uma música que te deixa triste
Dia 05: Uma música que te faz lembrar de uma pessoa
Dia 06: Uma música que te evoca um lugar
Dia 07: Uma música que te evoca um acontecimento da sua vida
Dia 08: Uma música que faz você ficar com vontade de dançar
Dia 09: Uma música que faz você cair no sono
Dia 10: Uma música que você acha engraçada
Dia 11: Uma música que te descreva
Dia 12: Uma música de seu artista/grupo favorito
Dia 13: Uma música do seu álbum favorito
Dia 14: Uma música da trilha sonora de um filme
Dia 15: Uma música de um programa de TV (seriado, novela, comercial)
Dia 16: Uma música de um game
Dia 17: Uma música com um dos seus solos preferidos
Dia 18: Uma cover ou um remix
Dia 19: Uma música instrumental
Dia 20: Uma música que você adora a letra
Dia 21: Uma versão ao vivo que você acha melhor que a de estúdio
Dia 22: Uma música com sample de outra música
Dia 23: Uma música que merecia um videoclipe
Dia 24: Uma música "lado B" de um artista/grupo predileto
Dia 25: Uma música de uma banda "one hit wonder"
Dia 26: Uma música cujo título chama a atenção, por ser curioso/longo/complexo
Dia 27: Uma música curta (menos de 2 minutos)
Dia 28: Uma música longa (mais de 7 minutos)
Dia 29: Uma música que você não curtia, mas que agora adora
Dia 30: Uma música que você gosta, mas que não aguenta mais ouvir
Dia 31: Uma música para ouvir em uma viagem
Dia 32: Uma música para tocar durante uma transa
Dia 33: Uma música para fazer exercícios fisicos
Dia 34: Uma música que é um "guilty pleasure"
Dia 35: Uma música que você gostaria de saber tocar
Dia 36: Uma música que você tenha cantarolado hoje (ou que tenha ficado na sua cabeça)
Dia 37: Uma música da sua infância
Dia 38: Uma música que você gostaria que tocasse no seu casamento
Dia 39: Uma música que você gostaria que tocasse no seu funeral
Dia 40: Uma música que merece constar na lista, mas que não foi citada ainda

Bom, como voces podem ver, o primeiro dia é Musica Favorita *w*

Bom, minha musica favorita, é esta:

The fray - Heartless

Eu choro rios nessa musica, e a tradução... nossa :'(

Bom por hoje é isso

Natalia

Beijos

Tutorial - Menu Pikachu

noreply@blogger.com (Natália Souza) — Wed, 27 Jun 2012 19:51:00 +0000

Hellooo!

Uma leitora pediu um tuto de como se chama esse menu, que tem aqui no UG, e o nome dele é Menu Pikachu ~~ava~~

Bom, ele é um poquiiinho complicadinho, e precisa de atenção...

Bom vamos lá...

Creditos desta postagem são dados ao The Lovers porque foi a Lary que fez o menu ^^

...

Va em Design >> Edit HTML >> CTRL + F e procure por: ]]></b:skin>

Quando achar, acima desta tag, voce vai colar este código:

/* Menu Pikachu por The Lovers */
pikachu{
background: #f8f8ff; /* Cor de Fundo */
color: #000000; /* Cor da Fonte */
border-left: 3px solid #ffdab9; /* Cor da borda lateral esquerda */
border-right: 3px solid #ffdab9; /* Cor da borda lateral direita */
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
display:inline; /* Modo de exibição */
border-radius: 10px;
-webkit-transition-duration: .50s;
padding: 6px;
margin: 2px;
font-size: 11px; /* Tamanho da fonte */
text-align: center;
width: 25%; /* Tamanho do menu*/
float: left;
font-family: Arial; /* Nome da fonte do menu */
}
pikachu:hover{
border-left: 3px solid #8470ff; /* Cor da borda lateral esquerda ao passar o mouse*/
border-right: 3px solid #8470ff; /* Cor da borda lateral direita ao passar o mouse */
background: url("http://data.whicdn.com/images/27954221/Free-Desktop-Wallpaper-Violets-2000x1650_large.jpg") repeat; /* url da imagem de fundo */
color: #000000; /* Cor da Fonte ao passar o mouse */
text-shadow: 0px 0px 2px #6b6b6b; /* cor da sombra do texto do menu */
display:inline; /* Modo de exibição */
-webkit-transition-duration: .50s;
padding: 6px;
margin: 2px;
font-size: 11px; /* Tamanho da fonte do menu ao passar o mouse */
text-align: center;
width: 25%; /* Tamanho do menu ao passar o mouse */
float: left;
font-family: arial; /* Nome da fonte do menu ao passar o mouse */
}

Caso não queira uma imagem de fundo, troque:

background: url("http://data.whicdn.com/images/27954221/Free-Desktop-Wallpaper-Violets-2000x1650_large.jpg") repeat;

Por:

background: #f2f2f2; /* Cor de Fundo */

Mude as cores de acordo com seu gosto, se quiser, utilize a tabela de cores clicando aqui .

Para usar, cole o seguinte código em um HTML//JavaScript:

<a href="LINK DA PÁGINA"><pikachu>NOME DA PÁGINA</pikachu></a>

Beijos

Bruna

Tutorial - Como colocar Cortininhas fixas no blog

noreply@blogger.com (Natália Souza) — Thu, 21 Jun 2012 18:43:00 +0000

Yummi *u*

Hello Pandas

A pedido da Fê do blog Let it Be vim trazer um tuto de como colocar cortininhas fixas no blog...

Ela não falou que lado ela queria então vou postar do 4 geitos

...

Voce vai no seu layout, e vai em:

Adicionar um gadget>>HTML/Java Script

e cola:

Cortina do lado Direito

<div style=" background-image: url('URLDACORTININHA'); top: 0px; right: 0px; width: 50px; height: 100%; z-index: 100; position: fixed;"></div>

Substitua pelo URLDACORTININHA a URL da sua cortinha

Salva e etc...

...

Cortina do lado Esquerdo:

<div style=" background-image: url('URLDACORTININHA'); top: 0px; left: 0px; width: 50px; height: 100%; z-index: 100; position: fixed;"></div>

Substitua URLDACORTININHA pelo URL da sua cortininha

Salve e etc
...

Cortina no Topo

<div style=" background-image: url('URLDACORTININHA'); top: 0px; left: 0px; width: 100%; height: 50px; z-index: 100; position: fixed;"></div>

Substitua URLDACORTININHA pelo URL da sua cortininha

Salve e etc
...

Cortina em Baixo
<div style=" background-image: url('URLDACORTININHA'); bottom: 0px; left: 0px; width: 100%; height: 15px; z-index: 100; position: fixed;"></div>

Substitua URLDACORTININHA pelo URL da sua cortininha

Salve e etc
...

...

Bom a Fê tambem pediu umas cortinihas Verde Agua/Turquesa

Então só vou postar o pedido dela ^^

Algumas eu peguei do tumblr, da casa do photoscape, algumas fui eu que fiz, e etc... Se alguma cortininha for sua me avisa para eu colocar os créditos :)

Beijos com gloss

Bruna

Tutorial: Cabeçalho usando Photoscape e Photofiltre

noreply@blogger.com (Natália Souza) — Thu, 07 Jun 2012 22:32:00 +0000

Yeaa
Algumas pessoas me perguntaram aonde eu faço meus cabeçalhos, e quando eu falei que era no PhotoScape ficaram surpresas... Bom hoje eu vou mostrar um pouquinho de como eu faço...
Vamos lá...

...
Programas que uso:

Eu uso estes programas: Clique nos links abaixo para baixar:

PhotoFiltre Studio X

PhotoScape

Fiquem tranquilos, não é virus, eu baixei centenas, meu pc não ficou mais lento ou etc..

O photoFiltre, vai aparecer uns códigos e etc.. Voce vai aceitando e só para quando ficar assim:

Muito bem...

Voce vai ver tudo certinho ai no PhotoFiltre e vai clica num botão assim:

Vai abrir uma pagina, voce vai colocar um tamanho de folha, mais ou menos 1000x400, ~~o tamanho do seu cabeçalho~~

E vai marcar uma opção chamada:

"Automatic Transparency"

Se voce não marcar, o fundo vai ficar branco...

Ok, fazendo isso, visualize se ficou assim:

Se sim, clique lá em cima em "File" e depois em "Save As" e salve em alguma pasta sua... Ok? ok

Feche o PhotoFiltre

...

Como Instalar uma Fonte

Entre neste site:

Dafont

E procure uma fonte bem legal... Clique em "Download" e baixe em alguma pasta, entre nesta pastao arquivo baixado vai estar assim:

Voce vai clicar 2x e vai abrir uma janela, nessa janela voce clica em "Copiar":

Depois que fazer isto vai abrir outra janela e voce vai clicar em ok denovo:

Feito isto, voce vai fechar e vai ir na pasta, o arquivo da fonte vai ficar assim:

Clique nele e vai abrir uma janela, dai voce clica em "Instalar"

E pronto, uma nova font no seu PC...

...

Abra o PhotoScapee e clique em Editor:

E abra a imagem transparente que voce fez no PhotoFiltre

~~ignorem as minhas pastas~~

Após Abrir a imagem, o fundo dela, irá ficar branco, mais esta transparente...

Então voce vai clicar na ala Objeto, e clicar em um T que vai ter, para voce escrever

E vai escrever o que quiser, voce vai escolher a fonte, editar a cor, o tamanha, etc..

Dai para voce colocar PNG's voce vai clicar numa montanhinha

E clicar em Foto, se voce tiver um PNG's dai voce vai em salvar, depois em salvar como, dai depois voce abre no seu blog...

E pronto... Mais isto é muito facil, e algumas pessoas fala que é quase impossivel fazer cabeçalhos sem o PhotoShop kkkk

Bezoos com gloss

Bruna

Tutorial: Centralizar Titulo do Post

noreply@blogger.com (Natália Souza) — Mon, 04 Jun 2012 21:37:00 +0000

Yoo~ ~~Natalia~~

Hoje como eu estava sem tempo só estou postando agora, porem como ainda tenho que resolver algumas coisas trouxe um tutorial bem simples, e que dá uma diferença bem legal no seu blog, amanha é dia da Bruna, mais Quarta feira, venho com um mais interessante...

É facinho facinho, e acho que qualquer um é capaz de fazer. ~~acho~~

Esse tuto eu fiz tentando, então não vou colocar creditos, porque eu descobri sozinha

...

Entre em Modelo>> Personalizar HTML>> Prosseguir

De um CTRL+F e procure por:

/* Posts

Quando encontrar, vai aparecer uma linha assim abaixo dele:

/* Posts

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

Então, depois dessa linha voce vai colar:

       h3.post-title {

    text-align:center;

    }

Salvar Modelo >> E visualize
...

Vai ficar igual tem aqui no blog, menos a fonte ~~obviamente~~

Bom, por hoje foi só, beijos gente...

XOXO

Natalia

Tutorial: Elite de afiliados com efeito opacidade

noreply@blogger.com (Natália Souza) — Fri, 25 May 2012 22:38:00 +0000

Yeaa!

Hoje ~~é o ultimo post~~ vim trazer outro tuto,

Elite de Afiliados com efeito opacidade ~~igual aqui do UG~~

Ele é bem simpleees, e tenho certeza que vai conseguir, bom vamos lá!

Vá em Design >> Adicionar um gadget >> HTML / Javascript

E cole:

<a href="LINK DO BLOG" none;="" target="_blank" text-decoration:="" title="NOME DO BLOG"><img class="borderimage" onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" src="LINK DA IMAGEM" /></a>&nbsp

Isto representa UMA imagem, se voce quiser colocar mais afiliados, voce vai repetir este código ^^

Se precisar de imagens de afiliados tem aqui:
Imagens de Afiliados

Retirado de: Kawaii World

Bezoos

Bruna

Tutorial : Menus

noreply@blogger.com (Natália Souza) — Fri, 25 May 2012 18:07:00 +0000

Yeaa!

Olá gente linda ~~feia haushs~~

Hoje decidi fazer um post bem legal ~~pelo menos eu gostei~~

é postar Menus

Para quem não sabe menu, é onde voce coloca as principais coisas de seu blog pra ficar mais facil de os visitantes acharem o que procuram ~~sou uma desgraça explicando as coisas~~

Tem vários tipos, ~~4 :B~~ pra voces, e daqui a pouco eu vou trocar o meu menu, que tá me dando enjoo :P

Muito bem, os tutoriais precisam de atenção, se voce fazer tudo certindo vai dar certo, porque eu fiz e deu!

Para visualizar os menus que eu vou postar hoje, entre aqui

Que lá vai mostrar os menus que vou estar disponibilizando aqui...

Todos os tais, são editavéis, e precisam de HTML e do Gadget HTML/Java Script

Menu 3D

Vá em Modelo(Design) >> Editar HTML >> CTRL + F

E procure por:

]]></b:skin>

Pra quem é novato no blogger ~~Antes de falarem que eu sou novata eu tinha outro blog, então não, não sou!~~ E vai adicionar alguma coisa acima ou abaixo de ]]></b:skin>

Lembre-se de conferir se há um } entre o codigo de cima, se não tiver adicione e cole o seu codigo...

Quando achar, acima dele voce vai colar este código:

/*---Menu de bordas---*/

menu {

Font-family: verdana; /*Fonte do menu*/

float: left;

background:#B0C4DE; /* Cor do fundo do Menu */

padding: 5px;

text-align: center;

margin: 2px;

width: 22%; /*Tamanho do menu*/

-webkit-transition-duration: .90s; /*Quando tempo dura o efeito*/

border-bottom: 3px solid #9370DB; /*Borda do menu*/

font-size: 11px; /*Tamanho da fonte do menu*/

Color: #9370DB; /*Cor da fonte*/

-webkit-border-radius: 8px /*Bordas arredondadas*/

}
menu:hover {

Font-family: verdana; /*Fonte do menu quando passa o mouse*/

float: left;

margin: 2px;

background:#9370DB; /* Cor do fundo do Menu quando passa o mouse*/

padding: 5px;

text-align: center;

width: 22%; /*Tamanho do menu quando passa o mouse*/

-webkit-transition-duration: .90s; /*Quando tempo dura o efeito quando passa o

mouse*/

border-bottom: 3px solid #B0C4DE; /*Borda do menu quando passa o mouse*/

font-size: 11px; /*Tamanho da fonte do menu quando passa o mouse*/

Color: #ffffff; /*Cor da fonte quando passa o mouse*/

-webkit-border-radius: 8px /*Bordas arredondadas ao passar o mouse*/

}

Depois de colar, voce vai editar, e salvar, pra quem não conhece o site de mudar as cores, é este aqui e lá voce vai copiar o codigo, exemplo:

#B0C4DE

E colar onde tem códigos parecidos

...Enfim

Depois de editar e salvar, voce vai em Layout e vai adicionar um Gadget : HTML/Java Script

E vai colar este código

<a href="Link"><menu>Nome</menu></a>

Aonde esta roxo vai ser o link da pagina, e aonde esta azul, o nome...

Para adicionar mais paginas voce vai repetir este código...

Salva >>Visualize e pronto

Menu by: Pincelando o céu

Menu Desires

Vá em Modelo(Design) >> Editar HTML >> CTRL + F

E procure por:

]]></b:skin>

Quando achar, acima dele, cole este código:

.sidenav a:link, .sidenav a:active, .sidenav a:visited {
width:200px; /* Tamanho dos links */
color:#bea48f; /* Cor dos links */
display: inline-block; /* Modo de exibição */
text-decoration:none; /* Efeitos do texto. Normalmente está desativado. */
font-family:segoe ui light; /* Fonte */
font-size:12px; /* Tamanho da fonte */
padding:2px; /* Margem interna */
padding-left:10px; /* Margem interna */
border-left:10px solid #bea48f; /* Estilo da borda lateral dos links */
margin-top:2px; /* Margem interna */
-webkit-transition-property:color, text; /* Efeito fade */
-webkit-transition-duration: .4s; /* Efeito fade */
-moz-transition-duration: .4s; /* Efeito fade */
-webkit-transition-timing-function: linear, ease-in; /* Efeito fade */
}

.sidenav a:hover {
background-image:url(http://media.tumblr.com/tumblr_lkl75bsU9n1qfamg6.png); /* Mini gif do hover */
background-repeat:no-repeat; /* Repetição do mini gif. Normalmente está desativado. */
background-position:right; /* Posição do mini gif */
border-left:30px solid #bea48f; /* Estilo da borda lateral em hover */
width:180px; /* Tamanho dos links */
color:#e9b3ff; /* Cor dos links em hover */
padding-left:20px; /* Margem interna */
-webkit-transition-duration: .4s; /* Efeito fade */
-moz-transition-duration: .4s; /* Efeito fade */
}

Voce vai editar e tals...

beleza, quando voce terminar de editar voce vai adicionar o gadget HTML/Java Script e colar este código:

</div>

Conforme for seu menu voce diminui ou aumenta as linhas ( <a href="URL 1">LINK 1</a>) E voce vai adicionar o link das paginas e os nomes, salve e visualize...

Tudo ok?

Que bom.

Menu por: Sweet Poison

Menu Flowers

Vá em Modelo(Design) >> Editar HTML >> CTRL + F

E procure por:

]]></b:skin>

Quando achar, acima dele, cole este código:

/* Menu Flowers feito por The Lovers */
uno{
background: #f0f8ff; /* Cor de Fundo */
color: #000000; /* Cor da Fonte */
border-left: 1px solid #6495ed; /* Cor da linha esquerda */
border-top-right-radius: 50px;
border-bottom-right-radius: 50px;
-webkit-transition-duration: .30s;
padding: 6px;
margin: 2px;
font-size: 11px; /* Tamanho da fonte */
text-align: center;
width: 25%; /* Tamanho da fonte */
float: left;
font-family: century gothic; /* Nome da fonte do menu */
}
uno:hover{
background: #fffafa; /* Cor de Fundo ao passar o mouse /*
color: #000000; /* Cor da Fonte ao passar o mouse */
border-left: 1px solid #ffc1c1; /* Cor da linha esquerda ao passar o mouse */
border-top-left-radius: 50px;
border-bottom-left-radius: 50px;
-webkit-transition-duration: .30s;
padding: 6px;
margin: 2px;
font-size: 11px; /* Tamanho da fonte do menu ao passar o mouse */
text-align: center;
width: 25%; /* Tamanho do menu ao passar o mouse */
float: left;
font-family: century gothic; /* Nome da fonte do menu ao passar o mouse */
}

Vá em layout >> Adicionar um gadget >> HTML / Java Script
e cole:

<a href="LINK DA PÁGINA"><uno>NOME DA PÁGINA</uno></a>

Dai voces já sabem... Dependendo o numero de paginas, almenta a repetição
Edita tudo e etc...
Salvar >> fechar >> e VISUALIZAAR *O*

Menu Simple

Vá em Modelo(Design) >> Editar HTML >> CTRL + F

E procure por:

]]></b:skin>

Quando achar, acima dele, cole este código:

   /*---Início do Menu com Efeito by Bomba de Glitter---*/

    bdg {

    font-family: tahoma; /* Fonte do Menu */
    width: 17%; /* Tamanho do Menu */
    float: left;
    background:#8EE5EE; /* Cor do fundo do Menu */
    padding: 5px;
    text-align: center;
    margin: 2px;
    -webkit-border-radius: 9px 0px 9px 0px; /* Pontinhas da Borda - não modifique se quiser o formato igual ao meu */
    -webkit-transition-duration: .80s; /* Duração do Efeito - não modifique se quiser o efeito igual ao meu */
    font-size: 08pt; /* Tamanho da fonte */
    color: #fff; /* Cor da fonte */
    }
    bdg:hover {
    font-family: tahoma; /* Fonte do Menu quando passa o mouse */
    width: 17%; /* Tamanho do Menu quando passa o mouse */
    float: left;
    background:#FF69B4; /* Cor do fundo do Menu quando passa o mouse */
    padding: 5px;
    text-align: center;
    margin: 2px;
    -webkit-border-radius: 0px 9px 0px 9px; /* Pontinhas da Borda - não modifique se quiser o formato igual ao meu */
    -webkit-transition-duration: .80s; /* Duração do Efeito - não modifique se quiser o efeito igual ao meu */
    font-size: 08pt; /* Tamanho da fonte do Menu quando passa o mouse */
    color: #fff; /* Cor da fonte do Menu quando passa o mouse */
    }
    /*---Fim do Menu com Efeito by Bomba de Glitter---*/

Edite e salve

Vá em Layout>> adicionar um gadget >> HTML /Java Script

E cole:

<a href="Link"><bdg>Nome</bdg></a>

Dai conforme o numero de menu voce aumenta o numero de linhas ^^

Menu by: Bomba de Glitter

Crazy Menu

Pra compensa a demora vou postar mais um menu

Vá em Modelo(Design) >> Editar HTML >> CTRL + F

E procure por:

body {

depois da chave assim } você cola o seguinte código embaixo dela: (embaixo da chave } )

/*** Início Crazy Menu por Bomba De Glitter ***/

sunny { font-family: verdana; width: 23%; text-transform: uppercase; float:left; background-color:#Cor do Fundo; border-left:4px solid #Cor da borda; padding:5px; text-align:center;
-webkit-transition-duration: .90s; font-size: 10px; Color: #Cor da fonte; margin:2px; }
sunny:hover { border-left:1px solid transparent; border-right: 4px solid #Cor da borda; }

/*** Fim Crazy Menu por Bomba de Glitter ***/

Esse já é mais complicado pra edita :/

Se voce não edita aonde esta negrito não dá certo,

Voce vai na tabela de cores, vai pegar o codigo da cor que voce quer e substituir por onde esta escrito em negrito...

Salvar modelo >> Layout >> Adicionar um gadget >> HTML/Java Script

E cole:

<a href="Link"><sunny>Nome do Link</sunny></a>

Não fica legal voce escrever palavras muito grandes, tipo TUTORIAIS num dá pra escreve então substitua por palavras menores tipo, TUTO

Menu by: Bomba de Glitter

Entãao gente! Estou mara que gostem, podem crer que deu trabalho fazer este post kkk, mais vaale a pena,

Bezos

Bruna

Modelos para titulos do Gadget

noreply@blogger.com (Natália Souza) — Wed, 23 May 2012 15:16:00 +0000

Yeaa!

Olá Cupcakes de baunilha, hoje trarei uma das coisas que eu mais amo editar no blog Modelos para titulos de Gadgets cara fala sério tem uns muito fofos, e um modelo legal pode dar o toque final no seu blog *O*

Gente eu já cansei do meu layout kkkk

Mais eu vou deixar porque trocar tudo, ~~vish~~

Dai se eu for trocar, eu num vo postar e vai vir neguinho

me xingando no msn...

EEEEEEEEEEEEEEEEEEEEEEEEEEEnfim

Vamos aos modelos:

Estes são pelo HTML:

Para adiciona-los voce vai apertar CTRL + F e procurar por ]]></b:skin> e colar acima

.sidebar h2 {

background: #f5f5f5;

border-bottom: 3px double #40E0D0;

font-family: arial;

font-style: italic;

font-size: 10px;

font-weight: normal;

text-align: right;

text-shadow:#fff 0px 0px 1px;

}

.sidebar h2 {

background: #7AC5CD;

color: #fff;

font-weight: normal;

text-align: center;

font-family: century gothic;

-webkit-border-bottom-right-radius: 10px;

-webkit-border-bottom-left-radius: 10px;

-moz-border-radius-bottomright: 10px;

-moz-border-radius-bottomleft: 10px;

border-bottom-right-radius: 10px;

border-bottom-left-radius: 10px;

}

.sidebar h2 {

background: #000;

font-family: arial;

color: #fff;

font-size: 10pt;

font-weight: normal;

text-transform: uppercase;

border-bottom: 1px solid #F0F8FF;

text-align: center;

text-shadow:#fff 0px 0px 1px;

border-radius: 10px;

}

sidebar h2 {

background: #E6E6FA;

color: #9370DB;

border-bottom: 2px solid #9370DB;

font-weight: normal;

text-align: center;

font-family: tahoma;

-webkit-border-radius: 10px;

-webkit-border-bottom-left-radius: 0;

-moz-border-radius: 10px;

-moz-border-radius-bottomleft: 0;

border-radius: 10px;

border-bottom-left-radius: 0;

}

.sidebar h2 {

background: #DDF7F7;

border-right: 3px solid #33CCCC;

color: #000;

font-family: tahoma;

font-weight: normal;

font-size: 11px;

text-align: right;

text-transform: lowercase;

padding-right: 2px;

}

Edite as cores dos eu gosto e use a vontade.

PS: Caso não estiver pegando procure por .sidebar h2 e substitua tudo de . até } por algum dos códigos acima.

Achei: Kawaii World

Ele achou: Sweet Poison

Estes daqui não é pelo HTML, voce vai no seu layout, adicionar um gadget,

HTML/ Java Script

E nele voce cola o codigo do que voce mais gostou e edita... Modelos:

1: O estilo 1 eu nao vou postar porque estava dando problema no meu blog U.U

<style>

/*Inicio Titulo dos gadgets*/
.sidebar h2 {
font-family: Georgia;
font-style: italic;
font-size: 14px;
font-weight: bold;
text-align: left;
color: #40250A; /*Cor da fonte*/
background: url('http://img194.imageshack.us/img194/4015/miniheart.png') no-repeat left top; /*imagem do topo*/
padding-left: 12px;
margin-bottom: 5px;
/*Estilo para titulo dos gadgets por www.bombadecereja.tk Não retire os    créditos*/}
</style>

Estes eu achei no: Cherry Bomb, creditos a ela foi ela quem fez *u*

Estou mara que gostem do tutorial
Todos os Modelos são editaveis...
Para as cores, é só procurar neste site:
Cores:
E copiar o Codigo HTML

Bjoos

Bruna

Selinho Recebido

noreply@blogger.com (Natália Souza) — Mon, 21 May 2012 00:56:00 +0000

Regras:
-Passar o selinho diante a 2 à 4 blogs,

-Tomar cuidado de não passar para a pessoa que deu para você,

-Responder as 10 perguntas criadas por quem lhe enviou,

-Criar outras 10 perguntas,

-Falar um pouquinho sobre o blog que lhe passou.

1- Qual o teu vocaloid preferido?
R: Megurine Luka:

2- Qual a melhor música do mundo?
R: So Far Away - Avenged Sevenfold

3- Já visitas-te Portugal?
R: Não :(

4- Qual o teu maior sonho?
R:Ter um Death Note kkk

5- Se fosses um peixe qual serias?
R:Peixe Palhaço :'P

6- Preto ou branco?
R: Preto

7- Descreve a tua vida numa palavra:
R:Complicada

8- Qual o teu animal favorito?
R:Cachorro

9- Chinês ou Japonês?
R:Japonês

10- Qual o teu anime preferido?
R:Death Note

Perguntas :

1- Qual o anime mais perfeito que voce já assistiu?

2- Se podesse ter um poder qual escolheria?

3 - Sabe tocar algum instrumento? Qual?

4- Qual sua matéria favorita?

5- Qual é a palavra que mais te descreve?

6- Que nome voce gostaria de ter?

7- Qual é o assunto principal do seu blog?

8- Qual seu numero da sorte?

9- Assiste Bob Esponja?

10- Gosta do seu blog?

Falar um pouquinho sobre o blog que lhe passou:

O blog que me passou foi o Mar De Glitter, sim é um blog muitoo perfeito, o lay é lindo, a dona por sinal é muito linda, e as postagens são muito boas, eu sempre leio o Mar de Glitter, porque ele posta quase todos os dias, e eu super recomendo pra todos...

Passo para:
Akise Sekai

Meu X-Clete
Little Bad Girl
Candy Line
It's Becky

Como colocar "Autor, Marcadores e Comentarios" abaixo do titulo da postagem.

noreply@blogger.com (Natália Souza) — Sat, 19 May 2012 22:54:00 +0000

Yeaa!

A pedido da Nina do Mar de Glitter, trouxe um tutorial

de como colocar o Autor, os Marcadores e os Comentarios logo abaixo do titulo da postagem,igual esta aqui... Ele é meio complicadinho, então precisa de atenção,

Vamos Lá!

Vá em Design >> Editar HTML e selecione a caixinha de "Expandir Modelos de Widget."

Abra o bloco de notas...

Aperte CTRL + F e:

1. Procure pela primeira linha de:

<span class='post-author vcard'>
        <b:if cond='data:top.showAuthor'>
          <data:top.authorLabel/>
            <b:if cond='data:post.authorProfileUrl'>
              <span class='fn'>
                <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
                  <data:post.author/>
                </a>
              </span>
            <b:else/>
              <span class='fn'><data:post.author/></span>
            </b:if>
        </b:if>
      </span>

E recorte o codigo todo !

O código acima representa o nome do autor. Recorte ele e cole no bloco de notas, usaremos depois.

2. Agora procure pela primeira linha de:

<span class='post-labels'>
        <b:if cond='data:post.labels'>
          <data:postLabelsLabel/>
          <b:loop values='data:post.labels' var='label'>

            <a expr:href='data:label.url' 
rel='tag'><data:label.name/></a><b:if 
cond='data:label.isLast != &quot;true&quot;'>,</b:if>

          </b:loop>
        </b:if>
      </span>

E recorte o codigo todo!

O código acima representa os marcadores. Recorte ele e cole no bloco de notas, usaremos depois.

3. Agora procure pela primeira linha de:

<span class='post-comment-link'>
                <b:if cond='data:blog.pageType != "item"'>
                  <b:if cond='data:blog.pageType != "static_page"'>
                    <b:if cond='data:post.allowComments'>

                      <a class='comment-link' 
expr:href='data:post.addCommentUrl' 
expr:onclick='data:post.addCommentOnclick'><b:if 
cond='data:post.numComments == 1'>1 
<data:top.commentLabel/><b:else/><data:post.numComments/>
 <data:top.commentLabelPlural/></b:if></a>

                    </b:if>
                  </b:if>
                </b:if>
              </span>

E recorte o codigo todo!

O código acima representa os comentários. Recorte ele e cole no bloco de notas, usaremos daqui a pouco.

Agora já conseguimos todos os códigos necessários, certifique-se que você RECORTOU e não somente COPIOU . Se apenas copiou, o autor, as tags e os comentários vão aparecer duas vezes.

Procure por <div class='post-header-line-1'/> e cole os 3 códigos abaixo dela.

Visualize . Tudo ok? Perfeito! Só falta enfeitar . Se não está, repita novamente as etapas com cuidado.

As barrinhas "||" são a parte mais fácil. Coloque elas depois de cada </span> dos 3 códigos .

Você pode separar com outras coisas como - ou ♥, a escolha é sua.

Agoras as linhas pontilhadas e tals:

Procure por h3.post-title { vai haver alguma código abaixo, depois que ele termina, vai aparecer um } e é depois desse } que você vai colar isto:


.post-header, .dados {

    border-top: 1px dashed #ccc;

    border-bottom: dashed 1px #ccc; /*cinza*/

    padding: 1px 0 1px 12px; /*espaço topo direita baixo esquerda/*

    margin: 0;

    border-bottom: 1px dashed #ccc; /*cinza*/

    text-align: center;

    }

Salve e visualize, ^^

Tirei este tutorial do Kawaii World, Obrigada Kawaii!

5 Blogs que me inspiram

noreply@blogger.com (Natália Souza) — Wed, 16 May 2012 23:42:00 +0000

Yeaa!

Oi cupcakes de chocolate com nozes trufadas /*Yuuuuummy*/

Faz algum tempinho que eu queria postar aqui no UnderGround blogs que me inspiram muito! Eu sei que o blog esta só no começo, não ha muito o que fazer, porem se não fossem estes blog me dar inspiração para postar o UnderGround não existiria!

Então eu super-indico todos eles, e eu sou muito fã de todas as donas, são super fofas ~~igual eu haushush~~ ...

Eu nunca vi eles fazendo UM plagio, e as postagens são super criativas e legais, eu recomendo para voce que não acha blogs interessantes, ~~foi por isso que voce achou o meu~~ , a dar uma olhadinha lá, se curtirem ou quiserem postar as suas inspirações aqui nos comentarios, voce é super bem aceito!

Bom vamos aos Blogs perfects!

1°Cherry Bomb !

Gentee! O Cherry Bomb é um blog muitoo lindo! O layout é lindo, as imagens são lindas e tals, a dona é a Liah e é uma fofa, e no Cherry Bomb, tem backgrounds, Tutorias, dicas HTML, dicas para makes, e tudo que voce precisa ha uma grande chance de haver la!

Se quiser entrar no blog: Cherry Bomb

2° Mania Maniaca

O Mania Maniaca, é um blog que tem de T-U-D-O ...Quem posta nele é a Sarah e ela dá umas dicas muitoo perfeitas! Por sinal ela gosta muito de imagens do Starbuck's Coffe, e o lay dela é muito delicado, da vontade de ficar no blog dela horas e horas, é uma coisa muito gostosa de se ler ... Enfim, como eu disse no blog dela ha de tudo um pouco como, dicas, beleza, receitas, concursos, alguns tutoriais, jogos, musicas e muitoo mais, vale a pena conferir!

Se quiser entra no blog: Mania Maniaca

3°Innocence Teen

O innocence teen não é um blog especialmente de tutorias, é mais aqueles blogs pessoais, onde a pessoa conta do seu dia e etc, mais gente, é tão lindinho o lay dela né? é muitoo delicadinho. Quem posta nele é Camila Monique, de 17 anos ^^, o blog dela ha, dicas, moda, beleza, musicas, diario de fotografias, textos e muito, os marcadores dela são cheios de coisas super interessantes, e com o blog dela conheci uns blogs muito interessantes tambem!

Visite o blog dela aqui: Innocence Teen

4° The Lovers

Bom gente, ha um simples motivo pra eu gosta do The Lovers, eles tinham um blog anteriomente com o mesmo link e etc, só que rackiaram e excluiram, mas do nada, o blog apareçeu, lindo de mais! Com varias postagens, varios seguidores, véi, ~~sim eu tenho a mania horrivel de fala como mano~~ isso me da muita inspiração tipo, se ela consegue eu consigo! kkkkk ~~momento palestra~~ mas é sério dela, essa menina tem uma criatividade incrivel, o nome da dona é Lary, e eu a admiro muito, por isto! sigam ela! ~~e me sigam tambem hehe zuera...~~

Vistie o blog dela now! ~~kkk :~~ The Lovers

5°Crazy Girl

O blog Crazy Girl, é mais voltado para blog e beleza, o lay combina perfeitamente com tudo, com as postagens e os gadjets, tudo fica em harmonia e dá prazer de ler, quem escreve ele é a Brenda, de 13 anos, porem escreve muito bem! O blog mesmo sendo voltado para os tais assuntos, não deixa de ter, tutoriais, dicas, musicas, brushes e etc!

Para entrar nele : Crazy Girl

Bom gente, é isso, me desculpem por qualquer erro de portugues, mais eu nao pude ficar corrigindo tudo né!

KissiS !

BrunLe