Como Fazer um Blog Blogspot

Veja como é fácil e simples fazer seu blog no Blogspot. Em poucos passos você se tornara um blogueiro. Não se preocupe, não é nem pouco complicado fazer um blog. O artigo esta dividido em passos e ilustrado com imagens que ajudarão melhor na compressão.

Esse tutorial baseia na criação de um blog no site blogspot.com, um dos sites do Google.

Como fazer um Blog Blogspot

Primeiro passo

Entre com a sua Conta Google no site www.blogspot.com. Caso não possua uma Conta Google, clique em “Criar uma conta”, você terá que criar uma conta preenchendo os dados da pagina seguinte caso tenha dúvida no preenchimento veja esse artigo.

Feito isso, vá ao site do Blogspot e entre com seu login e senha.

Lembrando que muitos sites chamam o Blogspot de “Blogger”. Não se deve confundir os endereços, afinal o “Blogspot” é um site do Google e é gratuito.

Segundo passo

Depois de você já ter acessado o Blogspot, é hora de criar o seu blog.  O primeiro passo é clicar em “Novo Blog” aparecera logo de cara no painel principal.

Terceiro passo

 Uma tela aparecera onde você deve dar titulo ao blog e criar um endereço. No endereço você definira a URL do seu blog o resultado é parecido com este “http://nomedoseublog.blogspot.com”.

Caso tenha domínio próprio ou compre depois ha possibilidade de configurar para novo domínio.

Depois de ter preenchido todos estes dados corretamente, é hora de escolher um modelo de layout para o seu blog.

Na tela abaixo aparecerão alguns modelos não se preocupe neste primeiro momento você pode escolher qualquer um – existem muitos outros modelos para você deixar o seu blog com a sua cara.

Quando você já tiver escolhido qual será o primeiro layout, clique em “Criar Blog” e voilà! Seu blog está pronto!

Como fazer seu primeiro post

Para fazer seu primeiro posts em seu blog você pode clicar em “Iniciar postagem” ou no ícone de uma caneta laranjada. Você será redirecionado automaticamente para a página de novas postagens.

Digite um titulo e escreva um texto da sua postagem. Quando terminar a edição do seu texto, basta clicar em “Publicar” para que o conteúdo seja enviado para a página principal do seu blog.

Visualizando seu blog

Para visualizar seu blog clique em “Visualizar Blog” no topo.

Créditos: http://www.comofazer.net/

Onde e como BAIXAR um TEMPLATE para seu BLOG.

Iaí povão!!! Agora eu vou mostrar de uma maneira bem fácil como e onde baixar um modelo de template para deixar seu BLOG fashion!!

Primeiro de tudo, vou deixar aqui uma pequena lista de sites para download e visualização de templates para seu BLOG, lembre de deixar o BLOG com a cara da sua EMPRESA, um bom BLOG ajuda a expandir sua EMPRESA com um custo baixo ou nulo e um grande retorno!

http://maistemplate.blogspot.com.br/

http://btemplates.com/

http://www.mundoblogger.com.br/templates-gratuitos

http://www.siteparaempresas.com.br/blog/?p=4343

http://www.btemplates4u.com/

http://www.dhetemplate.com/

http://www.temasblogspot.com/

http://www.template-para-blog.com/

No caso, para nossa aula, vamos utilizar o http://maistemplate.blogspot.com.br/, de simples uso e com a opção de demonstração do TEMPLATE, podemos visualizar como vai ficar o BLOG da sua EMPRESA antes mesmo de aplicá-lo.

Ao acessar o http://maistemplate.blogspot.com.br/, nos deparamos com a tela inicial, escolha qual modelo chama mais atenção ou combina mais com a sua EMPRESA, após isso, clique no modelo escolhido:

Após a escolha do modelo, na nova página temos a opção de DOWNLOAD e DEMONSTRAÇÃO, clique em DEMONSTRAÇÃO para visualizar o TEMPLATE. Gostou? Confira todos os detalhes.

Depois de visualizar e escolher o modelo, vamos baixá-lo no nosso micro, como faz? Volte para para a página do TEMPLATE e clique na opção DOWNLOAD.

O arquivo agora vai ser salvo, observem os próximos passos:

Continue seguindo a ordem:

Escolha o local para extrair o TEMPLATE da sua EMPRESA:

Confira se o arquivo foi extraído com sucesso:

Galera ROCHEDA, para aplicar esse template escolhido, siga o passo a passo da aula
COMO ALTERAR O TEMPLATE DO SEU BLOG!

Como alterar o TEMPLATE do seu Blog!

Hoje vou mostrar como trocar o template de seu Blog na Nova Interface do Blogger.


1- Entre em sua Conta Blogger

2- Clique no menu lateral na opção Modelo

3 - Neste mesma página no canto  direito da sua tela clique na opção fazer backup/restaurar

4 - Clique na janela que irá se abrir na aba escolher arquivo

5 - Procure dentro  do seu computador o arquivo do novo template ( xml)

6- Clique sobre o arquivo e mande abrir carregar - fazer upload do arquivo

7 - Salve e mande visualizar, pronto seu novo template já está instalado em seu Blog.

8 - Observem como ficou meu BLOG, lógico que ainda existem edições a serem feitas! :D

Exercício HTML - REFERENCIAS - IMAGENS E VÍDEOS

Siga as imagens para a perfeita execução do exercício:

2:

3:

SALVE OS ARQUIVOS DENTRO DA SUA PASTA E MOSTRE AO SEU QUERIDO E AMADO PROFESSOR! 

:D

Tutorial Flash - Surfista HAHAHAHAHAHA

Hahahahahahahaha sigam as instruções do seu amado professor para a execução perfeita deste exercício, vale lembrar que após baixar o arquivo para as imagens extraia e salve em sua pasta, todas as imagens estão em formato PNG, no final do exercício o resultado será aproximadamente esse:

Lembre-se de utilizar sua criatividade ao máximo!

Após o término do exercício ZIP e envie para o meu ONEDRIVE.

Criando sua primeira página HTML.

Primeiramente crie uma pasta para salvar as páginas. De preferência na Área de trabalho (Desktop).

Sempre deixe os arquivos do site muito bem organizados, assim facilita e muito o desenvolvimento dele.

Depois de criado uma pasta no Desktop ou em qualquer outro lugar de sua preferência abra o Bloco de Notas.

XP: Menu Iniciar>Programas>Acessórios>Bloco de Notas

WINDOWS 7: Iniciar>Todos Os programas >Acessórios>Bloco de Notas:

Depois de aberto digite o seguinte código: (ATENÇÃO! NÃO COPIE, DIGITE, ASSIM VOCÊ JÁ COMESSA A PRATICAR!)

<html> <head>

<title> Minha Primeira Página em HTML!!!</title>

<body>

<p align="center"> Essa é a primeira página HTML!!! </p>

Agora vou explicar tudo o que você escreveu. A TAG <HTML> indica que você iniciou um arquivo HTML.

A TAG <HEAD> indica que você abriu um cabeçalho.

A TAG <TITLE> que deve ser usada dentro do cabeçalho <HEAD>, serve para colocar titulo na página, é aquela frase que aparece na barrinha azul do Windows XP quando a página está aberta.

Veja a foto abaixo:


A TAG <BODY> indica que se iniciou o corpo da pagina. É dentro desta TAG que vai boa parte das TAG utilizadas para fazer uma página.

A TAG <p> indica que abriu um novo parágrafo. O atributo ALIGN como o próprio nome diz serve para especificar o alinhamento. E CENTER significa que o alinhamento é no centro. Caso você queira colocar o texto na esquerda troque o CENTER por LEFT, ou por

RIGHT para a direita e ainda pode colocar JUSTIFY para deixar o texto justificado. O código deve ficar assim:


Vamos para o próximo passo!Depois de digitado o código acima, salve o arquivo como primeira.html. Lembre-se de digitar o .html no final do nome do arquivo. Pois se digitar apenas primeira e já clicar em salvar o Bloco de notas vai pensar que você está fazendo um arquivo de texto comum, e irá salvar em formato TXT. Deixe a codificação como ANSI.

Aula 03 - HTML

Nessa aula iremos adicionar imagens ao cabeçalho do site, siga o exemplo da imagem mostrada:

Continue o código na imagem seguinte:

Terminando essa primeira página, ela estará assim :

APÓS O TÉRMINO DA PÁGINA INICIAL,SALVE E  COPIE E COLE ELA MAIS DUAS VEZES PARA QUE POSSAMOS UTILIZAR O CORPO DA PÁGINA INDEX NAS PÁGINAS"IMAGEM" E "VIDEOS". SIGA O EXEMPLO PARA A PÁGINA IMAGEM:

PARA INSERIR O VÍDEO LEMBRE-SE DE INCORPORAR O VÍDEO DIRETO DO YOUTUBE, SIGA O TUTORIAL SEGUINTE:

PARTE 02:

PARTE 03:

NO FINAL COPIE O CÓDIGO GERADO PELO YOUTUBE E COLE NA SUA PÁGINA, SIGA O EXEMPLO NA IMAGEM ABAIXO:

TESTE AS REFERENCIAS NO FINAL DA SUA PÁGINA, VEJA SE NO MOMENTO EM QUE VOCÊ CLICAR NAS REFERÊNCIAS AS PÁGINAS SERÃO ALTERADAS.

EXERCÍCIO 04 - HTML - SITE BÁSICO

Exercício 03 HTML - Criando um Site do Zero! Inserindo Imagens, músicas e incorporando vídeos diretamente do youtube.


Para melhor organização crie uma pasta com o nome AULA HTML 03 e salve todos os seus arquivos e suas páginas na pasta.

PARTE 01
Página Inicial, falando um pouco sobre o HTML e suas funções. Vale lembrar que o assunto pode ser alterado no momento que você quiser, basta apenas substituir o texto existente pelo escolhido por você, deixe sua imaginação fluir e agir!

PARTE 02
Página destinada a Falar um pouco da empresa da qual o site fala, lembrando que no exercício nós falaremos como exemplo da nossa escola de cursos Educx.

PARTE 03
Página onde inserimos um áudio utilizando da TAG <embed SRC>, onde com a utilização correta nos proporciona resultados efetivos no site, qualquer dúvida contate por meio de comentários. Vale citar que como primeira postagem de áudio utilizaremos de um PLAYER simples, com o passar dos exercícios trabalharemos com recursos mais avançados referente á áudio e players.

PARTE 04
Nesta ultima página vamos incorporar um vídeo diretamente do site youtube.com, para incorporar basta seguir o tutorial a seguir:

1° Acesse a página youtube.com
2° Escolha o vídeo para incorporar ao site, após isso siga as imagens:

COLE O RESULTADO DE ACORDO COM O EXEMPLO:

No final salve e teste sua página no navegador, lembre-se das posições center, left e right. Escolha a melhor posição para o seu vídeo no site. Para melhor organização crie uma pasta com o nome AULA HTML 03 e salve todos os seus arquivos e suas páginas na pasta.

ARQUIVOS NECESSÁRIOS DO SITE MEDIAFIRE.