como postar no blog
DESCRIPTION
Passo a passo como postar em um blog da plataforma Blogger. Feito por Robson OliveiraTRANSCRIPT
![Page 1: Como postar no blog](https://reader033.vdocuments.pub/reader033/viewer/2022051005/568c543a1a28ab4916bdf44a/html5/thumbnails/1.jpg)
Como postar no blog
![Page 2: Como postar no blog](https://reader033.vdocuments.pub/reader033/viewer/2022051005/568c543a1a28ab4916bdf44a/html5/thumbnails/2.jpg)
Primeiramente acesse o site http://blogger.com
![Page 3: Como postar no blog](https://reader033.vdocuments.pub/reader033/viewer/2022051005/568c543a1a28ab4916bdf44a/html5/thumbnails/3.jpg)
Entre com o e-mail e senha que você possui a conta no Google e clique em Login
![Page 4: Como postar no blog](https://reader033.vdocuments.pub/reader033/viewer/2022051005/568c543a1a28ab4916bdf44a/html5/thumbnails/4.jpg)
Para postar, na página inicial, clique neste botão laranja com um lápis
![Page 5: Como postar no blog](https://reader033.vdocuments.pub/reader033/viewer/2022051005/568c543a1a28ab4916bdf44a/html5/thumbnails/5.jpg)
Coloque aqui o títuloDa postagem
![Page 6: Como postar no blog](https://reader033.vdocuments.pub/reader033/viewer/2022051005/568c543a1a28ab4916bdf44a/html5/thumbnails/6.jpg)
Aqui neste espaçovocê coloca o textodo post.
![Page 7: Como postar no blog](https://reader033.vdocuments.pub/reader033/viewer/2022051005/568c543a1a28ab4916bdf44a/html5/thumbnails/7.jpg)
Após digitar todo o texto, faça a formatação. O padrão que eu uso é fonteArial e tamanho médio.
![Page 8: Como postar no blog](https://reader033.vdocuments.pub/reader033/viewer/2022051005/568c543a1a28ab4916bdf44a/html5/thumbnails/8.jpg)
Selecione todo o texto pressionando CTRL+A.
![Page 9: Como postar no blog](https://reader033.vdocuments.pub/reader033/viewer/2022051005/568c543a1a28ab4916bdf44a/html5/thumbnails/9.jpg)
Neste botão, você escolhe o tipo da fonte, escolha sempre Arial.
![Page 10: Como postar no blog](https://reader033.vdocuments.pub/reader033/viewer/2022051005/568c543a1a28ab4916bdf44a/html5/thumbnails/10.jpg)
Nesse botão, você escolhe o tamanho da fonte, escolha sempre Normal.
![Page 11: Como postar no blog](https://reader033.vdocuments.pub/reader033/viewer/2022051005/568c543a1a28ab4916bdf44a/html5/thumbnails/11.jpg)
Depois coloque uma categoria para a postagem que são os marcadores.Escolha algum ou alguns que mais se encaixe com o post, é só clicar.
![Page 12: Como postar no blog](https://reader033.vdocuments.pub/reader033/viewer/2022051005/568c543a1a28ab4916bdf44a/html5/thumbnails/12.jpg)
Depois é só clicar no botão Concluído.
![Page 13: Como postar no blog](https://reader033.vdocuments.pub/reader033/viewer/2022051005/568c543a1a28ab4916bdf44a/html5/thumbnails/13.jpg)
Colocar imagem
![Page 14: Como postar no blog](https://reader033.vdocuments.pub/reader033/viewer/2022051005/568c543a1a28ab4916bdf44a/html5/thumbnails/14.jpg)
Neste botão que você insere imagem no post.
![Page 15: Como postar no blog](https://reader033.vdocuments.pub/reader033/viewer/2022051005/568c543a1a28ab4916bdf44a/html5/thumbnails/15.jpg)
Irá aparecer esta tela, onde você pode inserir uma imagem salva em seu computador clicando no botão Escolher arquivos.
![Page 16: Como postar no blog](https://reader033.vdocuments.pub/reader033/viewer/2022051005/568c543a1a28ab4916bdf44a/html5/thumbnails/16.jpg)
Selecione a imagem desejada e clique em Abrir.
![Page 17: Como postar no blog](https://reader033.vdocuments.pub/reader033/viewer/2022051005/568c543a1a28ab4916bdf44a/html5/thumbnails/17.jpg)
Depois, com a imagem selecionada, é só clicar no botão Add selected.
![Page 18: Como postar no blog](https://reader033.vdocuments.pub/reader033/viewer/2022051005/568c543a1a28ab4916bdf44a/html5/thumbnails/18.jpg)
Com a imagem inserida, só clique ao lado dela e dê um Enter, apenas para ficar um espaço entre a imagem e o texto, fica melhor visualmente.
![Page 19: Como postar no blog](https://reader033.vdocuments.pub/reader033/viewer/2022051005/568c543a1a28ab4916bdf44a/html5/thumbnails/19.jpg)
Espaço
![Page 20: Como postar no blog](https://reader033.vdocuments.pub/reader033/viewer/2022051005/568c543a1a28ab4916bdf44a/html5/thumbnails/20.jpg)
Quando você clica na imagem, você pode ajustar o tamanho e a posição da imagemnesta barra que aparece, imagens pequenas como esta aconselho deixe no tamanho original mesmo.Este link também é aquele efeito quando você clica na imagem, ela aparece em tamanho maior.
![Page 21: Como postar no blog](https://reader033.vdocuments.pub/reader033/viewer/2022051005/568c543a1a28ab4916bdf44a/html5/thumbnails/21.jpg)
Este efeito chamado de lightbox.
![Page 22: Como postar no blog](https://reader033.vdocuments.pub/reader033/viewer/2022051005/568c543a1a28ab4916bdf44a/html5/thumbnails/22.jpg)
No caso de uma imagem grande como um cartaz de um evento, é interessante deixar, senão imagens pequenas como esta, eu retiro, é só clicar em Link para tirar o efeito.
![Page 23: Como postar no blog](https://reader033.vdocuments.pub/reader033/viewer/2022051005/568c543a1a28ab4916bdf44a/html5/thumbnails/23.jpg)
Inserir link
![Page 24: Como postar no blog](https://reader033.vdocuments.pub/reader033/viewer/2022051005/568c543a1a28ab4916bdf44a/html5/thumbnails/24.jpg)
Para inserir link, selecione a palavra ou o endereço do site que você queradicionar um link.
![Page 25: Como postar no blog](https://reader033.vdocuments.pub/reader033/viewer/2022051005/568c543a1a28ab4916bdf44a/html5/thumbnails/25.jpg)
Clique em Link.
![Page 26: Como postar no blog](https://reader033.vdocuments.pub/reader033/viewer/2022051005/568c543a1a28ab4916bdf44a/html5/thumbnails/26.jpg)
Aparece esta caixa de diálogo
Aqui é o texto que vaireceber o link, por exemplo,clique aqui.
E aqui é o endereçodo link (endereço do site)que vai ser direcionado.
![Page 27: Como postar no blog](https://reader033.vdocuments.pub/reader033/viewer/2022051005/568c543a1a28ab4916bdf44a/html5/thumbnails/27.jpg)
Esta opção, Open this link in a new window se esta opção estiver selecionada, o link será aberto em uma nova janela.Eu faço assim, quando é para um link externo ao blog (outro site) deixo estaOpção selecionada, quando é para um link dentro do próprio blog eu deixo desabilitada, vou demonstrar.
![Page 28: Como postar no blog](https://reader033.vdocuments.pub/reader033/viewer/2022051005/568c543a1a28ab4916bdf44a/html5/thumbnails/28.jpg)
Este link que é o site do Summer Night,ao ser clicado será aberto em uma nova
janela.
![Page 29: Como postar no blog](https://reader033.vdocuments.pub/reader033/viewer/2022051005/568c543a1a28ab4916bdf44a/html5/thumbnails/29.jpg)
Repare que o site foi aberto em uma novaJanela, não sobrepondo o blog.
![Page 30: Como postar no blog](https://reader033.vdocuments.pub/reader033/viewer/2022051005/568c543a1a28ab4916bdf44a/html5/thumbnails/30.jpg)
Inserir vídeo
![Page 31: Como postar no blog](https://reader033.vdocuments.pub/reader033/viewer/2022051005/568c543a1a28ab4916bdf44a/html5/thumbnails/31.jpg)
São duas opções para inserir vídeo. A mais simples é fazer por aí mesmousando este botão.
![Page 32: Como postar no blog](https://reader033.vdocuments.pub/reader033/viewer/2022051005/568c543a1a28ab4916bdf44a/html5/thumbnails/32.jpg)
Aqui você pode inserir um vídeosalvo em seu computador como, porexemplo, um que você fez na sua câmerae passou para o computador, ou um quevocê baixou do Youtube.Funciona da mesma forma que a imagem,só que, é claro, demora mais para carregar.
![Page 33: Como postar no blog](https://reader033.vdocuments.pub/reader033/viewer/2022051005/568c543a1a28ab4916bdf44a/html5/thumbnails/33.jpg)
Ou você pode inserir um do Youtube.
![Page 34: Como postar no blog](https://reader033.vdocuments.pub/reader033/viewer/2022051005/568c543a1a28ab4916bdf44a/html5/thumbnails/34.jpg)
Procure o vídeo desejado e clique na lupa para procurar.
Aí é só escolher o vídeo e clicar em Selecionar.
![Page 35: Como postar no blog](https://reader033.vdocuments.pub/reader033/viewer/2022051005/568c543a1a28ab4916bdf44a/html5/thumbnails/35.jpg)
![Page 36: Como postar no blog](https://reader033.vdocuments.pub/reader033/viewer/2022051005/568c543a1a28ab4916bdf44a/html5/thumbnails/36.jpg)
A outra forma é mais complicada. Vá direto no Youtube e procure o vídeo quedeseja.
![Page 37: Como postar no blog](https://reader033.vdocuments.pub/reader033/viewer/2022051005/568c543a1a28ab4916bdf44a/html5/thumbnails/37.jpg)
Clique primeiro no botão Compartilhar abaixo do vídeo e depois clique emIncorporar.
![Page 38: Como postar no blog](https://reader033.vdocuments.pub/reader033/viewer/2022051005/568c543a1a28ab4916bdf44a/html5/thumbnails/38.jpg)
Copie o código HTML do vídeousando CTRL+C.
Esta opção seria para ao terminar o vídeo,aparecer outros vídeos relacionados como no
próprio Youtube.
![Page 39: Como postar no blog](https://reader033.vdocuments.pub/reader033/viewer/2022051005/568c543a1a28ab4916bdf44a/html5/thumbnails/39.jpg)
Com o código copiado, volte no Blogger e clique no botãoHTML e cole aí o código do vídeo entre as tags<center></center> desta forma.
![Page 40: Como postar no blog](https://reader033.vdocuments.pub/reader033/viewer/2022051005/568c543a1a28ab4916bdf44a/html5/thumbnails/40.jpg)
Substitua CÓDIGO DO VÍDEO pelo código que vocêcopiou no Youtube.
![Page 41: Como postar no blog](https://reader033.vdocuments.pub/reader033/viewer/2022051005/568c543a1a28ab4916bdf44a/html5/thumbnails/41.jpg)
Depois volte em Escrever e veja como fica.Estas tags <center></center> é para o vídeoficar centralizado.
![Page 42: Como postar no blog](https://reader033.vdocuments.pub/reader033/viewer/2022051005/568c543a1a28ab4916bdf44a/html5/thumbnails/42.jpg)
Aconselho se for fazer desta forma, colocar o vídeo no final do texto.
![Page 43: Como postar no blog](https://reader033.vdocuments.pub/reader033/viewer/2022051005/568c543a1a28ab4916bdf44a/html5/thumbnails/43.jpg)
Colocar o mapa dinâmico do Google
![Page 44: Como postar no blog](https://reader033.vdocuments.pub/reader033/viewer/2022051005/568c543a1a28ab4916bdf44a/html5/thumbnails/44.jpg)
Se for postar algum evento, eu acho muito legal colocar o mapa dinâmico do GoogleMaps junto com o endereço. Para fazer isso acesse o site do Google Maps e procure o endereço desejado.
![Page 45: Como postar no blog](https://reader033.vdocuments.pub/reader033/viewer/2022051005/568c543a1a28ab4916bdf44a/html5/thumbnails/45.jpg)
Clique no botão Link.
![Page 46: Como postar no blog](https://reader033.vdocuments.pub/reader033/viewer/2022051005/568c543a1a28ab4916bdf44a/html5/thumbnails/46.jpg)
Clique em Personalizar e visualizar mapa incorporado
![Page 47: Como postar no blog](https://reader033.vdocuments.pub/reader033/viewer/2022051005/568c543a1a28ab4916bdf44a/html5/thumbnails/47.jpg)
Dê alguns cliques no botão + para dar um zoom na visualização do mapa até ficar desta forma, por exemplo.
![Page 48: Como postar no blog](https://reader033.vdocuments.pub/reader033/viewer/2022051005/568c543a1a28ab4916bdf44a/html5/thumbnails/48.jpg)
Depois copie o código HTML.
![Page 49: Como postar no blog](https://reader033.vdocuments.pub/reader033/viewer/2022051005/568c543a1a28ab4916bdf44a/html5/thumbnails/49.jpg)
E aí da mesma forma como ensinei no vídeo,clique em HTML e cole o código do mapa,depois volte em Escrever e veja como fica.
![Page 50: Como postar no blog](https://reader033.vdocuments.pub/reader033/viewer/2022051005/568c543a1a28ab4916bdf44a/html5/thumbnails/50.jpg)
![Page 51: Como postar no blog](https://reader033.vdocuments.pub/reader033/viewer/2022051005/568c543a1a28ab4916bdf44a/html5/thumbnails/51.jpg)
Publicando o post
![Page 52: Como postar no blog](https://reader033.vdocuments.pub/reader033/viewer/2022051005/568c543a1a28ab4916bdf44a/html5/thumbnails/52.jpg)
Depois de tudo feito, antes de publicar o post, é bom sempre visualizar comovai ficar, então clique em Visualizar.
![Page 53: Como postar no blog](https://reader033.vdocuments.pub/reader033/viewer/2022051005/568c543a1a28ab4916bdf44a/html5/thumbnails/53.jpg)
Isso é uma prévia digamos de como ficará o post publicado, se achar que ficou bom, pode publicar, senão volte e acerte o que precisar.
![Page 54: Como postar no blog](https://reader033.vdocuments.pub/reader033/viewer/2022051005/568c543a1a28ab4916bdf44a/html5/thumbnails/54.jpg)
Para publicar o post é só clicar em Publicar e pronto, está postado.