Escolha em que Página colocar seus Widgets

Encontrei esse excelente tutorial no Blog a La Carte e resolvi postar aqui no InfoWareBR. Hack muito interessante (TESTADO E APROVADO), muito útil no layout de qualquer tipo de blog e até mesmo para reduzir o tempo de carregamento da sua página.

Mas você pode escolher se quer que eles apareçam apenas na página inicial, apenas nas páginas dos posts, ou mesmo apenas na página de um post específico, ou em páginas de categorias (marcadores).

Destaques do Hack:
• Escolher o tipo de publicidade a ser inserida dependendo do tipo do post;
• Mesmo usando o hack de artigos relacionados, você pode querer dar destaque a outros posts ou a uma categoria (marcador) em uma determinada página;
• Reduzir o tempo de carregamento das páginas, colocando widgets específicos em apenas uma página.

Temos um exemplo aqui quando clicamos em (Continue lendo...), a página do post se "transforma" um pouco.


A) Colocando Widget apenas na Página Inicial

1. Na Guia "Layout" em "Editar HTML", baixe uma cópia de seu template original;

2. Clique para marcar a caixinha "Expandir Modelos de Widgets";

3. Procure o código do widget que você quer que apareça apenas na página inicial, por exemplo o ▀ RESUMO dos Posts que aparece aqui no blog:

<b:widget id='HTML6' locked='false' title='▀ RESUMO' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>

Restante do código do Widget


</b:if>
</b:includable>
</b:widget>

4. Acrescentar as linhas em VERMELHO ao código.


B) Colocando Widget apenas nas Páginas Inicial, de Categorias e Arquivos

1. Na Guia "Layout" em "Editar HTML", baixe uma cópia de seu template original;

2. Clique para marcar a caixinha "Expandir Modelos de Widgets";

3. Procure o código do widget que você quer que apareça apenas nas páginas inicial, de categorias e arquivos, por exemplo o Widget do nosso Feed RSS aqui do InfoWareBR:

<b:widget id='HTML4' locked='false' title='RSS' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType != "item"'>

Restante do código do Widget


</b:if>
</b:includable>
</b:widget>

4. Acrescentar as linhas em VERMELHO ao código.


C) Colocando Widget apenas nas Páginas dos Posts

1. Na Guia "Layout" em "Editar HTML", baixe uma cópia de seu template original;

2. Clique para marcar a caixinha "Expandir Modelos de Widgets";

3. Procure o código do widget que você quer que apareça apenas nas páginas individuais dos posts, por exemplo o Widget de ▀ ARTIGOS RECENTES aqui do InfoWareBR:

<b:widget id='HTML10' locked='false' title='▀ ARTIGOS RECENTES' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'>

Restante do código do Widget


</b:if>
</b:includable>
</b:widget>

4. Acrescentar as linhas em VERMELHO ao código.


D) Colocando Widget apenas em uma Página Individual de um só Post

1. Entre na página do post na qual você deseja o widget;

2. Copie o endereço (URL) dessa página;

3. Na Guia "Layout" em "Editar HTML", baixe uma cópia de seu template original;

4. Clique para marcar a caixinha "Expandir Modelos de Widgets";

5. Procure o código do widget que você quer que apareça apenas na página individual de um só post, por exemplo o Widget do Perfil:

<b:widget id='Profile1' locked='false' title='Autor' type='Profile'>
<b:includable id='main'>
<b:if cond='data:blog.url == "URL_da_página"'>


Restante do código do Widget


</b:if>
</b:includable>
</b:widget>

6. Acrescentar as linhas em VERMELHO ao código.

7. Substituir onde está "URL_da_página" pelo endereço (URL) da página de seu post.


E) Colocando Widget apenas em uma Página de Marcadores/Categorias

1. Clique no marcador e abra a página na qual você deseja o widget;

2. Copie o endereço (URL) dessa página;

3. Na Guia "Layout" em "Editar HTML", baixe uma cópia de seu template original;

4. Clique para marcar a caixinha "Expandir Modelos de Widgets";

5. Procure o código do widget que você quer que apareça apenas nessa página de marcadores, por exemplo um bloco de AdSense:

<b:widget id='AdSense3' locked='false' title='' type='AdSense'>
<b:includable id='main'>
<b:if cond='data:blog.url == "http://NOME_DO_SEU_BLOG.blogspot.com/search/label/SEU_MARCADOR"'>


Restante do código do Widget


</b:if>
</b:includable>
</b:widget>

6. Acrescentar as linhas em VERMELHO ao código;

7. Substituir onde está "http://NOME_DO_SEU_BLOG.blogspot.com/search/label/SEU_MARCADOR" pelo endereço (URL) da página de seu marcador.

Não esqueça de sempre fechar a tag condicional <b:if cond='comando'> com </b:if> antes de </b:includable>

Posted in: Blogger, Hacks