Como criar uma pagina de abertura para o Blogger

Muitas pessoas me perguntam como dar um estilo diferente para a primeira página do blog ou mesmo para fazer com que uma determinada postagem seja sempre a primeira a ser vista, como um texto fixo de apresentação e boas-vindas. Para fazer com que um texto fique fixo na primeira página do blog, publique-o normalmente, depois entre na página de edição do texto e programe uma data para o futuro, como mostra a a imagem abaixo:

Jogue a data para 2019 por exemplo e este sempre será o primeiro post visível em seu blog, encabeçando todos os outros que publicar. Para que apareça apenas este post na primeira página, vá em Configurações ->Formatação e programe para aparecer apenas uma postagem:

Para dar a primeira página um estilo diferente das páginas internas do blog, acrescente após a tag ]]></b:skin>

<b:if cond='data:blog.url == data:blog.homepageUrl'>

<style type='text/css'>

aqui os estilos para a primeira página

</style>

</b:if>

O que faço aqui é o uso de uma condicional (em negrito) que determina que o estilo se aplique apenas à Home do blog.



Vamos tomar por exemplo um Template Mínima do Blogger (faça sempre experiências com um blog de testes, nada de ir direto modificando seu blog oficial, ok?) que está neste blog de testes; note que a primeira página está com as cores modificadas, a largura de outer-wrapper é maior e eu inverti o posicionamento das colunas: passei a sidebar para a esquerda e a coluna do post para a direita. Clique no título do post para ver a página interna, onde aparece o template Mínima sem modificações.



Para isso eu acrescentei os seguintes códigos:

<b:if cond='data:blog.url == data:blog.homepageUrl'>

<style type='text/css'>



body{background: #111;}

#header-wrapper{width: 100%;height:120px; background: #303030; border:none;}

#header{border:none}

#outer-wrapper{width: 900px}

#main-wrapper{float: right; width: 600px;background: #f5f5f5}

#sidebar-wrapper{float: left; width: 280px; background: #303030}



body#layout #header-wrapper, body#layout #sidebar-wrapper, body#layout #main-wrapper{background: none}



</style>

</b:if>

o que está em negrito é o estilo para o painel Layout, pois se não especificarmos que não há background, as cores ou imagens escolhidas para a primeira página aparecerão alí também.



Agora tem muita outras formas de mudar a pagina , basta agora você ter imaginação e ler mas os minhas postagens...

By : Saka

Como criar páginas no blogger

Um dos novos recursos do Blogger é a possibilidade de criar páginas estáticas, ou seja, que estão fora da cronologia das publicações. Para criar páginas para o seu blog, é muito fácil. Vem comigo:



Primeiro clique em Postagem e depois em Editar Páginas:

Clique em Nova Página:

Escreva o título da página e o texto, normalmente, depois clique em Publicar Página:

Após clicar em Publicar você deverá escolher onde deseja exibir o gadget de páginas: na sidebar ou abaixo do cabeçalho:

No caso do seu template não possuir a div crosscol-wrapper (que fica abaixo do cabeçalho): Esta div se encontra presente nos templates originais do Blogger, mas muitos templates modificados não tem esta div, por isso pode aparecer esta outra página:

Basta clicar em Adicionar o gadget lista de páginas.

Então você determinará, na janela que se abre, a ordem dos links do menu, como mostra a imagem abaixo. Basta clicar em salvar e arrastar o gadget pelo layout, como qualquer outro gadget de sua página:

No meu exemplo, a lista aparece abaixo do cabeçalho:

Se o seu layout não possui a div crosscol-wrapper, é muito fácil de colocá-la. Copie o código abaixo:



<div id='crosscol-wrapper' style='text-align:center'>

<b:section class='crosscol' id='crosscol'/>

</div>



Agora vá em Editar HTML e coloque o trecho do código que copiou abaixo de content-wrapper, como mostra a imagem e clique em Salvar:

;

Pronto ...

Mostrar o HTML Literalmente

Essa é uma ótima funcionalidade para mim e outras pessoas que publicam muitos códigos html (em tutoriais); agora pelo Blogger in Draft você tem a opção de publicar o HTML literalmente, sem que ele seja interpretado. No começo dos primórdios eu transcrevia um à um os códigos usando o recurso <> para abrir e fechar tags, depois passei a usar o site Blogcrowds. Agora com este novo recurso, decidí tornar definitivamente o Blogger in Draft meu painel padrão.

Para usar este recurso, clique em Post Options (logo abaixo de sua postagem) e marque a opção Mostrar HTML Literalmente.