7 de julho de 2012

Tutorial super fofo *--* NUVEM DE TAGS COLORIDA (EM HTML)



Heloo!!!
Achei esse tuto no google,por isso que vou postar aki pensei que vcs iam gostar :)
exemplo de nuven de tags colorida :
MATERIAL:
# Links das tags do seu blog;
# Paciência...hehehe
1= Copie esse código:
01<div align="center">
02<a style="font-size:25px;color:#87cefa;" href="http://url_do_blog.blogspot.com/search/label/layout?max-results=7">layouts</a>
03<a style="font-size:28px;color:#FF34B3;" href="http://url_do_blog.blogspot.com/search/label/template?max-results=7">template</a>
04<a style="font-size:14px;color:#f9b;" href="http://url_do_blog.blogspot.com/search/label/recados?max-results=7">recados</a>
05<a style="font-size:13px;color:#FF4500;" href="http://url_do_blog.blogspot.com/search/label/twilight?max-results=7">twilight</a>
06<a style="font-size:17px;color:#9932CC;" href="http://url_do_blog.blogspot.com/search/label/gorjus?max-results=7">gorjus</a>
07<a style="font-size:25px;color:#87ce00;" href="http://url_do_blog.blogspot.com/search/label/tutorial?max-results=7">tutorial</a>
08<a style="font-size:17px;color:#CD950C;" href="http://url_do_blog.blogspot.com/search/label/calend%C3%A1rio">calendarios</a>
09<a style="font-size:15px;color:#FF34B3;" href="http://url_do_blog.blogspot.com/search/label/hello%20kitty">heloo kitty</a>
10<a style="font-size:10px;color:#f10;" href="http://url_do_blog.blogspot.com/search/label/natal">natal</a>
11<a style="font-size:30px;color:#696969;" href="http://url_do_blog.blogspot.com/search/label/beleza">beleza</a>
12<a style="font-size:12px;color:#FF8C00;" href="http://url_do_blog.blogspot.com/search/label/for%20boys">for boys</a>
13<a style="font-size:20px;color:#fff;" href="http://url_do_blog.blogspot.com/search/label/update">UpDaTe</a>
14<a style="font-size:10px;color:#ff1440;" href="http://url_do_blog.blogspot.com/search/label/cats">cats</a>
15<a style="font-size:21px;color:#CD950C;" href="http://url_do_blog.blogspot.com/search/label/make%20up">make-up</a>
16</div>
2= Cole num novo gadget HTML/JAVASCRIPT  na aba layout do  blogger.
3= NOTE QUE  vc deverá substituír os links pelos seus colocando as palavras de acordo com as tags do seu blog assim:
1<a style="font-size:10px;color:#ff1440;" href="URL_DA_CATEGORIA_AQUI">NOME_DA_CATEGORIA</a>
4= Edite as cores :
Na parte do código que diz: color: vc edita como preferir.
Não sabe cores html? Simples!
Conheço duas tabelas bem legais (que considero mais completas) onde vc poderá escolher as cores que mais gosta e saber qual é o código certinho delas!
Uma é a Tabela do MxStudio e a outra do Mep sites. Mas se vc digitar no google "tabela de cores html" vai encontrar várias outras...
DICA: Se vc não tem conhecimento algum nisso que estou falando talvez se atrapalhe nessa parte:
Na tabela do Mep algumas cores estão sem o # e esse sinal não pode faltar quando vc for escrever o código da cor no seu widget de tags..
5= Edite o tamanho das letras:
Onde diz: font-size vc altera para o valor em px que quizer ...
Espero que tenham gostado bjjoos Débora:

Nenhum comentário:

Postar um comentário

Comente a vontade, desde que saiba respeitar ;)
Ah, e não é necessário fazer uma conta para comentar, basta colocar como anônimo.

Emoticons:

♥❤∞ ☆ ★ ✖ 。◕‿◕。® ™ ☏✿゚✤
(◕‿◕✿) 。◕‿◕。 ⊱✿◕‿◕✿⊰(◡‿◡✿)(◕〝◕)◑▂◐ ◑0◐ ◑︿◐ ◑ω◐ ◑﹏◐ ◑△◐ ◑▽◐
●▂● ●0● ●︿● ●ω● ●﹏● ●△● ●▽●
⊙▂⊙ ⊙0⊙ ⊙︿⊙ ⊙ω⊙ ⊙﹏⊙ ⊙△⊙
≡(▔﹏▔)≡ ( ͡° ͜ʖ ͡°)