sábado, 3 de outubro de 2020

Personalizando páginas especificas do blogger

Com esse tutorial é possível não só ocultar um elemento como também é possível fazer aparecer somente um elemento em uma pagina do blog. 

 O código que normalmente usamos para ocultar é:

 display:none;

1) Entendendo como arrumar um código para ocultar. Primeiramente precisa ter a "tag" e propriedade do código que quer ocultar ou destacar em uma pagina especifica. Como exemplo vamos usar a sidebar, vamos supor que queira ocultar a sidebar. Esse é o código de uma sidebar (em alguns layouts/templates pode ser diferente, pode se chamar só .sidebar ou só .widget ):

.sidebar .widget {
background: #fff;
padding: 5px 10px;
border: 1px solid #dec0c9;
}

2) Remova toda conteúdo dela do { ao } e dentro cole display:none;. Ficando assim:

.sidebar .widget {
display:none;
}

E é exatamente isso que vai fazer com qualquer elemento no seu blog que queira ocultar, pegue o nome da tag, apague a propriedade e coloque display:none; entre as chaves { e }



Ocultando em páginas especificas:

3) Procure por </head> e a cima dele cole:

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

4) A onde está escrito ...elemento... apague e coloque o código do elemento que deseja ocultar. Ficando assim: 

<b:if cond='data:blog.homepageUrl == data:blog.url'>
</style>
.sidebar .widget {
display:none;
}

</style>
</b:if>

5) Para ocultar ou personalizar  um elemento em outras páginas do blogger é bem simples, basta trocar o código destacado em negrito <b:if cond='data:blog.homepageUrl == data:blog.url'>  por um dos códigos mais abaixo, que já irei falar sobre. A parte destacada em negrito </b:if> é a chave de fechamento do código. 

Cada um dos códigos abaixo é responsável por ocultar uma ou mais páginas especificas do blogger. Coloquei a descrição em quall página o código afeta, certo? Basta trocar o inicio do código pelo que desejar. 

Oculta somente na página inicial:
<b:if cond='data:blog.homepageUrl == data:blog.url'> 

ou...

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


Oculta na página inicial:
 <b:if cond='data:blog.pageType == &quot;item&quot;'>


Ocultar na página inicial, paginação, marcadores, arquivos, páginas internas (menos nas postagens): 
 <b:if cond='data:blog.pageType != "item"'>


Ocultar na postagem, navegação de paginas e páginas:
 <b:if cond='data:blog.homepageUrl != data:blog.url'>


Oculta nas páginas, postagens internas e visualizador de postagens. 
 <b:if cond='data:blog.pageType == "item"'>


Ocultar nas páginas de arquivo (páginas internas):

 <b:if cond='data:blog.pageType != "archive"'>


ou...

 <b:if cond='data:blog.pageType == "archive"'>


Oculta na pagina inicial e marcadores, afeta demais tipos de páginas.
 <b:if cond='data:blog.pageType == "index"'>


Ocultar em uma página de marcador específica:
 <b:if cond='data:blog.homepageUrl != "http://URL_do_Blog/search/label/Marcador"'>


Ocultar em uma postagem específica:
 <b:if cond='data:blog.url != "URL do post"'>

O que colocar aqui vai afetar somente a página com o título exatamente como está escrito no código, ou seja ao decidir utilizar esta condicional deve escrever onde está a negrito como está no titulo da página.

 <b:if cond='data:blog.pageName == "Contacto"'>


Créditos: IceBreaker

Nenhum comentário:

Postar um comentário

Popular Posts