Aulinhas de HTML

Postado por Amanda
Boa tarde!! Arrumei um tempinho para arrumar o blog, mas nao consegui arrumar os acentos. Me desculpem, mas os acentos serao aposentados por causa do servidor (o BLOGGER), que e cheio de querer.

Como prometi as minhas queridas colegas, vou dar dicas de como deixar seu blog mais animado. Se alguem ai das ciencias da computacao ver algo errado, por favor me corrija!

Bom, tenho ate medo de comecar, pois o codigo HTML e meio complicadinho para quem nunca mexeu com isso. Antes de continuar a ler o post, vamos conhecer o codigo. Localize na barra de ferramentas, que esta lah em cima, o botao onde esta escrito "Exibir". Clique e procure onde esta escrito "Codigo-fonte". Vai abrir uma janelinha com um monte de palavras em ingles. Leia e veja se entende algo. Provavelmente minhas colegas da A07 ficarao ate assustadas, mas e exatamente isso que voce tem que fazer para montar seu blog: todas as imagens, textos, comentarios e links sao mostrados a partir daquelas letrinhas embaralhadas la do codigo. Mas, como estou aqui para facilitar, voces nao vao mexer nisso nao. Para quem for um pouco mais curioso, no seu blog mesmo, no painel de controle, clique em "Modelo" e observe um codigo semelhante no fim da pagina. Esse e o codigo do seu blog. NAO MEXA EM NADA se voce nao tem nocao do que fara. Basta apenas um ponto fora do lugar e pronto, seu blog estara mais baguncado que o codigo!!

Agora que voce e o HTML ja foram apresentados, vamos conhece-lo mais a fundo. Vou comecar com as alteracoes que voce pode fazer enquanto estiver "postando" no blog, assim, nao tem perigo de seu blog virar do avesso....

>>Para colocar um clipe, igual ao da coluna ai ao lado, dentro do post:

Primeiro voce tem que procurar uma musica que lhe agrade. O site de busca CADE e uma boa opcao, pois tem busca exclusiva para videos, ao contrario do Google. Copie o endereco do video (clique no link com o botao direito do mouse e copie onde esta escrito ENDERECO) e cole esse endereco na seguinte tag:


(embed src="http://www.enderecodovideo.com.br" width="250" height="200" AUTOSTART="true")

So que ao inves de parenteses, coloque os sinais < e > respectivamente.

Explicando a tag:

EMBED: significa que voce esta inserindo um arquivo de audio e/ou video

WIDTH: e a largura que o tocador de musica tera, que e medido em pixels (unidade de medida da maioria dos editores de imagem, como o Paint). Se voce for colocar apenas musica, coloque 0 ao inves de 250. Se for video, deixe como esta.

HEIGHT: e a altura do tocador de imagem. Mesma recomendacao anterior para musica sem video.

AUTOSTART="true": significa que o clipe comecara a rodar assim que alguem acessar o seu blog. Se voce quiser que o visitante tenha que clicar em PLAY para ver o video,e ele nao toque sozinho, escreva "false" no lugar de "true"

Ai, basta colar esse codigo no seu post que ele vai aparecer. Porem, como falei no inicio deste post, o Blogger e cheio de querer. Provavelmente voces verao uma mensagem dizendo que a sua tag nao pode ser aceita. Nao liguem. O Blogger e igual marido: so reclama, nao faz o que voce pede e tudo o que voce faz nao esta bom! Mas sempre cede: seu clipe aparecera da mesma maneira, apesar da mensagem.



>> Colocando um novo template (o plano de fundo do seu blog):

Covenhamos: que layouts caretas esses do blogger... alias, nesse caso, nao e culpa dele, porque todos os modelos padroes dos servidores de blogs sao horriveis mesmo. Vamos mudar isso.

Aqui, ja vamos mexer com aquele codigo la do seu blog. No inicio pode parecer dificil, mas com o tempo voce se acostuma.

SE ALGO DER ERRADO E SEU BLOG FICAR BAGUNCADO, BASTA ESCOLHER OUTRO MODELO DO BLOG que tudo voltara ao normal. Mas nao me culpem se algo der errado. Culpem quem inventou o HTML tao chato...

Primeiro, obvio, voce tem que escolher um modelo para seu blog. Vou dar algumas dicas de sites onde voce encontra uma infinidade de modelos para todos os gostos.

Brumaximus - Modelos diversos
Damas de Preto - Modelos com motivos Darks, Anime, Manga,Goticos, Fantasia, Filmes
Vicky´s Place - Modelos Cutes, Atores e Atrizes, Seriados, Anime, Manga
Metal Goth - Goticos, Darks, Bandas de Goth Metal
Thomoeda - Modelos diversos

Clique na imagem do template e copie (ctrl+c, para quem nao lembra...) o codigo referente AO BLOGGER. Depois abra o painel de controle do seu blog, clique em modelo e apage o codigo que esta la. No lugar, cole o codigo que voce copiou. Va olhando com cuidado as partes do template que voce pode mexer. Geralmente nesses codigos vem escrito coisas do tipo "edite aqui o seu perfil", "adicione seus links", "coloque seus acessorios", etc. Mexa somente nessas partes, mas NUNCA, JAMAIS, mexa em qualquer outra coisa. Depois nao digam que nao avisei.

Na parte que esta escrito "edite seu perfil" voce vai escrever coisas sobre o seu grupo, tais como nome, idade, curso, o que gosta, o que nao gosta, bla, bla, bla. Na parte onde esta escrito "edite seus links" (ou algo parecido), voce pode escrever o endereco de paginas que voce gosta para que seus amigos possam acessar e conhecer. Na parte onde esta escrito "coloque aqui seus gifs, acessorios, etc" (ou parecido com isso), voce pode colocar o que quiser. Nesses sites que indiquei, tem muitas coisinhas pra voce colocar, basta copiar o codigo de cada uma e colar onde voce quiser.

DICA SUPERHIPERMEGAIMPORTANTE!!!!!!!!

O "Enter" que nos usamos aqui nos posts para quebra de linha nao adianta ABSOLUTAMENTE NADA no codigo! Para inserir uma quebra de linha no codigo (tipo, separar a linha do nome da linha da idade), escreva a tag (br) onde voce quiser (substitua os parentes pelos sinais < e > respectivamente, senao nao da certo!)

Por enquanto e isso. Espero ter ajudado!! Ate a proxima.