Twitter Delicious Facebook Digg Stumbleupon Favorites More

Mostrando postagens com marcador Display HTML. Mostrar todas as postagens
Mostrando postagens com marcador Display HTML. Mostrar todas as postagens

Display Widget somente na Home

Normalmente, os widgets no blogger são exibidos em todas as páginas.

Um banner 468x60 acima da coluna do post, por exemplo, aparece tanto na home quanto em qualquer página de post que você esteja visualizando.

 

Agora, se você quiser exibir um widget somente na página inicial e fazer ele sumir quando estiver visualizando em uma postagem, existe um recurso bastante interessante e muito simples; um usuário intermediário talvez possa fazê-lo sem muitas dificuldades.

 

Basta utilizar-mos a sequência:

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

</b:if>

Vale lembrar que será necessário editar essas configurações no código HTML do seu template.

 

Então, vamos aos procedimentos:

 

1- Primeiramente, localize ou escolha o que você deseja que apareça somente na Home. Localize visualizando em seu blog, em que lugar ele se encontra. se em uma coluna ou acima dela ou acima do post ou no rodapé (footer) do blog.

 

Por exemplo: Se for um widget acima do post, quando formas localizá-lo no código HTML deveremos procurar primeiro por <div id='class='main'> que representa a coluna principal (a coluna do post) na estrutura do blog. E, depois localizar, logo abaixo, no código, a widget a ser aplicada o efeito.

 

2- Feito isso, vá no código HTML do seu template e clique em "Expandir modelo de widget". Procure a partir das tags </head><body> a localização da widget que você deseja.

 

Veja, no exemplo abaixo, de vermelho, a widget em que apliquei o efeito.

Observe ainda que ela se encontra acima do post  na coluna principla do blog (main-wrapper).

 

<div id='main-wrapper'>

        <b:section class='main' id='main' showaddelement='yes'>
<b:widget id='HTML11' locked='false' title='' type='HTML'>
<b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
  <b:include name='quickedit'/>
</b:includable>
</b:widget>

Observe ainda no exemplo acima (na marcação em vermelho) que a widget que eu escolhi NÃO tem título. Se a sua tiver título, será muito mais fácil encontrar. Apenas procure (Ctrl+F) pelo título dela.

 

Ex: Se o título for Categorias. Você poderá encontrar:

<b:widget id='HTML11' locked='false' title='categorias' type='HTML'>

 

3 - Agora, observe o código abaixo e preste bastante atenção ao local onde você deverá, acrescentar as seguintes linhas:

 

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

</b:if>

Insira essas linhas no local adequado na sua widget como exemplificado abaixo:

<div id='main-wrapper'>

        <b:section class='main' id='main' showaddelement='yes'>
<b:widget id='HTML11' locked='false' title='' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>

  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
</b:if>
  <b:include name='quickedit'/>
</b:includable>
</b:widget>

Feito isso está tudo pronto. Visualize para ver se não há erros e slave o template.

 

Nota: Você pode exibir também um widget em todas as páginas do Blogger, exceto na homepage, simplesmente utilizando o código abaixo.
<b:if cond='data:blog.pageType == "item"'>


Ou você pode exibir um widget do Blogger apenas em uma determinada página seguinte código.
<b:if cond='data:blog.url == "blog pós URL"'>


Portanto, em última análise, você tem o controle total sobre a posição de widgets no Blogger.

 

Dúvidas? Pergunte nos comentários.

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Blogger Templates