quinta-feira, 23 de janeiro de 2020

Como ocultar gadjet em páginas específica do blogger



Esse procedimento é muito útil para personalizar seu BLOG, pois as vezes queremos que um certo GADJET seja exibido na página inicial, porém que seja ocultado nas páginas internas, o inverso também se aplica. Como exemplo podemos citar um SLIDE que a maioria dos blogs usam, ele é útil para ser mostrado na página inicial porém é recomendado ser ocultado nas postagens.

Há também diversos meios de aplicar essa técnica, que vai além da página inicial do blog, para marcadores, postagens, páginas estáticas, etc. Irei deixar vários comandos aqui, basta mudar de acordo com sua necessidade.

Antes de mais nada vá para a aba LAYOULT do seu blog e lá abra seu GADJET que deseja ocultar ou mostrar em certa página. Com o GADJET aberto localize o ID ou nome dele, como na imagem abaixo.

Localizando id e nome do gadjet

Feito isso vá para a aba TEMA do seu blog e abra o EDITAR HTML. Nele você deve localizar o GADJET que deseja ocultar ou mostrar. Para isso existe duas maneiras, uma é indo no botão IR PARA UM WIDJET e lá escolher o widjet pelo ID. Nesse caso irá ser o ID do WIDJET da imagem acima (BlogSearch1).

Buscando widjet pelo id

Um outro jeito de localizar o WIDJET é buscando pelo nome de titulo dele. Em suma, copie o nome do titulo do seu widjet e em TEMA abra o editar HTML e busque pelo nome.

Buscando widjet pelo nome

Agora vem a parte para modificar o código. Entenda que seu Widjet começa em <b:widget e termina em </b:widget>, esse é o código inicial e final dele. Irei usar como exemplo de como ocultar um WIDJET na págian inicial, para ocultar em outros locais basta mudar o código que oculta na página inicial pelo que deseja.

Bem, no código do WIDJET localize: <b:includable id='main'> e ao lado dele cole o código para ocultar o windjet na página inicial do bog: <b:if cond='data:blog.url == data:blog.homepageUrl'>. Por fim feche a condicional do widjet, para isso antes de </b:includable> cole </b:if>. Veja o exemplo abaixo de como ficará o código do WIDJET.
<b:widget id='BlogSearch1' locked='false' title='Pesquisar Tutoriais' type='BlogSearch'>
            <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'>
      <div expr:id='data:widget.instanceId + &quot;_form&quot;'>
        <form class='gsc-search-box' expr:action='data:blog.searchUrl'>
          <b:attr cond='not data:view.isPreview' name='target' value='_top'/>
          <table cellpadding='0' cellspacing='0' class='gsc-search-box'>
            <tbody>
              <tr>
                <td class='gsc-input'>
                  <input autocomplete='off' class='gsc-input' expr:value='data:view.isSearch ? data:view.search.query.escaped : &quot;&quot;' name='q' size='10' title='search' type='text'/>
                </td>
                <td class='gsc-search-button'>
                  <input class='gsc-search-button' expr:value='data:messages.search' title='search' type='submit'/>
                </td>
              </tr>
            </tbody>
          </table>
        </form>
      </div>
    </div>
    <b:include name='quickedit'/>
  </b:if></b:includable>
          </b:widget>
Feito isso esse WIDJET irá aparecer apenas na página inicial do seu blog. Vale relembrar que para ocultar o WIDJET basta colocar o código que oculta depois de <b:includable id='main'> e no final antes de </b:includable> colar o código: </b:if>. Faça sempre esse procedimento para todos os WIDJETS que deseja ocultar.

Veja abaixo os códigos e suas funções, escolha o que melhor se enquadra com seu desejo.
Para OCULTAR um widget somente na Página Inicial:
<b:if cond='data:blog.homepageUrl != data:blog.url'>
Para MOSTRAR um widget somente na Página Inicial:
<b:if cond='data:blog.url == data:blog.homepageUrl'>
Para OCULTAR um widget somente nas Páginas Estáticas:
<b:if cond='data:blog.pageType != "static_page"'>
Para OCULTAR um widget somente nas Páginas internas(de postagens), mas com exibição na Página Inicial, de Marcadores e de Arquivos:
<b:if cond='data:blog.pageType != "item"'>
Para OCULTAR um widget na página inicial, de marcadores e arquivo, mas com exibição nas páginas internas:
<b:if cond='data:blog.pageType == "item"'>
Para MOSTRAR um widget somente nas Páginas de Arquivos:
<b:if cond='data:blog.pageType == "archive"'>
Para MOSTRAR um widget somente nas Páginas Estáticas:
<b:if cond='data:blog.pageType == "static_page"'>
Ocultar em uma postagem específica (troque a área em vermelho pela URL do post a ser ocultado o WIDJET):
<b:if cond='data:blog.url != "URL do post"'>
Ocultar em uma página de marcador específica (na área vermelha é para colocar a URL do seu blog e na área em amarelo é para colocar o nome do marcador):
<b:if cond='data:blog.homepageUrl != “http://URL_do_Blog/search/label/Marcador”'>

0 comentários:

Postar um comentário