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 ):
background: #fff;
padding: 5px 10px;
border: 1px solid #dec0c9;
}
2) Remova toda conteúdo dela do { ao } e dentro cole display:none;. Ficando assim:
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>
</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:
ou...
Oculta na página inicial:
Ocultar na página inicial, paginação, marcadores, arquivos, páginas internas (menos nas postagens):
Ocultar na postagem, navegação de paginas e páginas:
Oculta nas páginas, postagens internas e visualizador de postagens.
Ocultar nas páginas de arquivo (páginas internas):
<b:if cond='data:blog.pageType != "archive"'>
Oculta na pagina inicial e marcadores, afeta demais tipos de páginas.
Ocultar em uma página de marcador específica:
Ocultar em uma postagem específica:
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.
Créditos: IceBreaker
Nenhum comentário:
Postar um comentário