Twitter Delicious Facebook Digg Stumbleupon Favorites More

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.

10 comentários:

APF Owner disse...

muito bom funcionou certinho

robertoke disse...

Igualmente ao Widget somente na home, este é outro que pretendo usar.
Parabéns pelo teu utilíssimo blog
Grande abraço,

Alice disse...

Obrigada!
Gostei muito... mas meu content glider ainda aparece nas outras páginas. acho que o próprio elemento está com erro

Alice disse...

Olá William... vi sua postagem sobre como aparecer alguns widgets somente na página inicial. Adorei a explicação e a dica... mas acontece que mesmo inserindo os códigos, o meu content glider da página inicial continua aparecendo em outras.

Pode me ajudar?
http://testefinalvicsecret.blogspot.com/

Willian Coutinho disse...

Alice basta achar uma maneira de colocar o current gliter também entre essas tags que apresentei no post.

Amicha disse...

Nossa, posso dizer que te amo, depois dessa...
Tentar descobrir sozinha não dá...
mas eu tentei tanto!!!!

apaguei um monte de coisa, adicionei outras, cheguei perto, mas eu estava cansada de ficar repondo meu template toda hora, pq eu estragava tudo... :P
beijos

www.wlpets.blogspot.com

Amicha disse...

Não funciona com widget de seguidores ou eu estou fazendo errado??
Me ajudaaa :(

www.wlpets.blogspot.com

Greati disse...

Como fazer com que um widget só não apareça na home?
É que eu quero colocar um widget de posts relacionados, mas ele aparece em baixo de cada postagem na home, mas eu só quero que ele apareça na postagem individual.

Este é o widget que quero colocar: http://www.linkwithin.com/learn

Se você souber um modo de mudar o próprio código, fazendo com que ele suma da home, mande um e-mail para vitorgreati@hotmail.com

JV disse...

Muito bom, funcionou perfeitamente, obrigado.

Gutto disse...

Simples e fácil de usar, valeu pela dica!!!

Postar um comentário

Envie um comentário!

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