sexta-feira, 18 de abril de 2014

Página inicial SEM USAR PÁGINA ESTÁTICA Blogger/Blogspot

Declarações e Agradecimentos

Declaro que tudo que vou relatar aqui foi pesquisado na rede mundial de computadores, elaborado e testado por mim, o conteúdo aqui escrito é grande mais importante ler, Claro que uns vão dizer "olha ele descobriu o Mundo, palmas pra ele", mais mesmo assim acho que vai ajudar algumas pessoas!


1° - Agradeço ou Robson V. Leite do Site UPINSIDE pelas vídeo aulas, e o ótimo conteúdo para criação de sites profissional de auto valor comercial.

2° - Agradeço ao Blog Lord Pinguim pela postagem O Básico da Criação de um Template para o Blogger, Onde fui ter uma ideia de como funciona o código fonte do Blogger.

3° - Agradeço ao Mundo Blogger pela postagem Ocultar Elementos em Página Específica, não sei se a fonte do conteúdo que aqui encontrei e o conteúdo real do mesmo, ou foi copiado de outro lugar, esse blog foi um dos primeiro que foi listado nas pesquisas do Google, e o quem pra mim foi o conteúdo mais completo para ajudar nos meus objetivos.

Atenção antes de todos os passos faça um backup do seu template.

Passos para a Criação

1° - No meu blog eu apaguei todo conteúdo do template padrão, aquele que você acaba escolhendo quando cria um conta no blogger, não queria ficar preso a variáveis pré-definidas, pois queria ter mais liberdade para ousar e criar ao meu gosto, na verdade estruturei ele todo em Tables (Aula Estruturando Layouts 2 e 3 Colunas - Float no site Upinside, vale a pena conferir).

Meu blog foi estruturado mais ou menos assim:

estruturei como queria, mais se você quiser pode estruturar como achar melhor, ou se não quiser desconfigurar o template original que o Blogger disponibiliza, você só tem que saber onde está os scripts padrão do Blogger e muito cuidado na hora de estilizar com CSS, a postagem do blog Lord Pinguim pode ajudar muito!

2° - Agora temos que ocultar os posts na página inicial, a primeira página que abre quando você digita a url do seu blog, para isso vou deixar o Mundo Blogger, lá vai está explicado como funciona estes scripts do Blogger, onde vai dar para entender mais ou menos como ocultar e mostrar Widget em páginas especificas, vai dar para ter uma vasta noção de como trabalhar. 

Ocultando postagem da pagina inicial

Na parte relacionada as postagem se inicia no script section onde se encontra a widgat blog1, logo abaixo da div, vai ser posicionado o código para ocultar os pots (esse código só esconde elementos na página inicial), e antes de fechar a div postagem fache o código: 

 <div id='postagem'>

<b:if cond='data:blog.homepageUrl != data:blog.url'> <!-- OCULTAR POSTAGENS DA PÁGINA INICIAL DO BLOG -->

<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Postagens no blog' type='Blog'/>

</b:widget>
</b:section>

</b:if><!-- OCULTAR POSTAGENS DA PÁGINA INICIAL DO BLOG -->
</div><!--POSTAGEM-->


Repare que tudo está dentro da div postagem! 

3° - Criei também uma div filha (dentro da div postagem) denominada conteúdo e posicionada abaixo do script section do widget blog1, para colocar o conteúdo da pagina inicial! 

4° - Criei um section denominada também conteúdo para colocar o conteúdo da widget da pagina inicial (esse código mostra somente conteúdos na pagina inicial). 

Mostrando conteúdo na pagina inicial

<div id='conteudo'>
<b:if cond='data:blog.url == data:blog.homepageUrl'> <!-- MOSTRA SOMENTE NA PÁGINA INICIAL DO BLOG -->

</b:if><!-- MOSTRA SOMENTE NA PÁGINA INICIAL DO BLOG -->
</div><!--CONTEUDO-->



Print Completo:


Por fim tudo o que fiz foi ocultar os posts na pagina inicial fazendo com que o conteúdo apareça no lugar, e os post aparece normalmente nas outras paginas do blog, sem o conteúdo da pagina inicial parecer.


 ERROS:

1° - Algumas Pré-visualizar só aparecera a página inicial.

2° - Na tela de Layout o quadrante referente a Postagens no blog não aparece, e isso impede de salvar organização, da uma mensagem erro. 



Quando for organizar posições faça isso pelo próprio código HTML.

Até o presente momento não encontrei mais erros!