Como criar um Blog - #2

Para ler o primeiro post Clique no Link abaixo:

Como Criar um Blog #1

 

 

 Customizando o Blog

Para Escolher, Mudar/Editar o Modelo e o Layout do seu blog (Blogger) a qualquer momento
basta acessar no Menu Lateral

Assim que você abrir você pode selecionar um tipo na página 

ou navegar pelos modelos clicando em "personalizar"

Os modelos Dinâmicos são muito interessantes, faça o teste:

DICA IMPORTANTE                                                                                               

                                                                                                                                  

Tenha o costume de sempre deixar uma imagem de referencia para cada post             .
Na utilização do Layout a apresentação da página fica muito mais bonita e chama mais

atenção do usuário para o assunto.

Usarei alguns exemplos com o Modelo Simples e outros com o Dinâmico "magazine" ,lembrando que por ter escolhido dinâmico, o tipo só é escolhido para a apresentação inicial pois o interessante do layout dinâmico é que ele pode ser modificado a qualquer momento durante a leitura do blog pelo proprio leitor.

CORES

Vamos escolher as cores para o blog agora clicando em "avançado"

O menu é auto explicativo, coforme você for mudando as cores no painel o visualizador já mostra automaticamente como a página ficará, por exemplo,  estou mudando a cor do Cabeçalho.

Após finalizar as alterações clique em "Aplicar ao Blog" para que as alterações sejam feitas.

 

 

Layout

O modelo dinâmico não permite edição de Layout por ser pré definido, caso tenha escolhido outro tipo de modelo, navegue e escolha um formato que lhe agrade mais. A baixo os formatos possiveis:

Aplique e clique em "voltar para o blogger"

Agora independente de estar utilizando o Modelo dinâmico ou não, vamos entrar no menu Layout da tela inicial para indicar quais os elementosqueremos na nossa página.
A paginá abrirá no seguinte formato:

Agora para inserirmos os elementos vamos clicar em "adicionar gadget"
Por definição na barra lateral já vem
"Quem sou eu" que mostra breves informações para que os leitores saibam sobre o autor do Blog  e os "Arquivo do Blog" onde aparecerá os titulos de suas postagens mais antigas.


Com certeza você ja deve ter visto algo interessante em outros blogs que gostaria de colocar no seu.
Geralmente são códigos JavaScript, dando um exemplo aqui no Blog eu estou usando um numerador de páginas.(segue a imagem)

Este numerador não existe nos gadgets do blogger. Quando for assim, pesquise na internet e procure o código Javascript. Este por exemplo tem o seguinte código:

<style>#blog-pager{
clear:both;margin:20px 0 20px;
font-size: 12px;padding:10px 0;
}
#blog-pager-newer-link{float: left;}
#blog-pager-older-link{float: right;}.Profile img{
border:3px solid;float:left;margin:5px 10px 5px 0;padding:2;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}.profile-data{color:#999999;font:bold 20px/1.6em Arial,Helvetica,Tahoma,sans-serif;font-variant:small-caps;margin:0;text-transform:capitalize;}.profile-datablock{margin:0.5em 0;}.profile-textblock{line-height:1.6em;margin:0.5em 0;}a.profile-link{clear:both;display:block;font:80% monospace;padding:10px 0;text-align:center;text-transform:capitalize;}h2.date-header, .PageList h2{display:none;}
#blog-pager-older-link a,#blog-pager-newer-link a,a.home-link,.showpageNum a,.showpage a{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdradM9xdhyphenhyphenKTVpzfUxvXuyc8gbymDX-RET2KKCTSY00GKTUeEE5bepPrWEO-i3sOlJvkBxLXxNWulfg4zdnRvEaVMU6TtKtYzWBFjAYz6pQa8uZ-fnjS9SaI0b9lDy7x1TJes78lRH-E/s1600/nav.jpg) repeat-x;border:1px solid #ae4402;color:#fff;margin:2px;padding:6px 10px 5px;text-decoration:none;text-shadow: 1px 0 1px #000;}#blog-pager-older-link a:hover,#blog-pager-newer-link a:hover,a.home-link:hover,.showpageOf,.showpagePoint,.showpageNum a:hover,.showpage a:hover{
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBsyY-MBbHcmD0PmaahHuO8uXH9gk6Sg1VgYE5mlOfwCdpEnGf_U_XdwF8f8Q9USMjAW6LYTRnAD6LYj4ivkWRi77hkpbl4masLsnE9DMHa3O1bz4NCTXHhzWLqN9OzjfkE9SStbuXk8Y/s1600/nava.jpg) repeat-x;border:1px solid #000000;color:#fff;margin:2px;padding:6px 10px 5px;text-shadow: 1px 0 1px #000;
}</style>
<script type="text/javascript">
var postperpage=10;
var numshowpage=5;
var upPageWord="Anterior";
var downPageWord="Próxima";
var urlactivepage=location.href;
var home_page="/"
</script><script src="http://code.helperblogger.com/hb-page-navi.js" type="text/javascript"></script>

Para coloca-lo na página você vai no Layout clique em "adicionar gadget" procure por este "HTML/Javascript"

Copie e cole o código dentro dele, não precisa dar um titulo, apenas cole e salve. Ele deverá ficar abaixo do Post dessa maneira:

Isso serve para a grande maioria de gadgets que você encontra na internet e com certeza é a melhor dica desse segundo tutorial.


Para colocar uma imagem no cabeçalho edite o cabeçalho no Layout
(O modelo dinâmico não mostrará a imagem.)

Configure da maneira que achar melhor e salve, no exemplo eu busquei um afigura no google e salvei no computador. Então procureia figura no local salvo através do botão "browser".

Dei uma descrição para o Blog e selecionei a opção de mostrar a descrição depois da imagem.

Salvei e depois cliquei para visualizar o blog. O resultado foi o seguinte:

Continue pesquisando e melhorando cada vez mais o seu blog. Espero que tenha sido util. Boa sorte!