+
ico-maispiordebom-regrasico-maispiordebom-noticiasico-maispiordebom-duvidasico-maispiordebom-chatico-maispiordebom-descontracaoico-maispiordebom-aulasescolaresico-maispiordebom-receitasico-maispiordebom-celularico-maispiordebom-jogosappsjavaico-maispiordebom-assistirfilmesanimesico-maispiordebom-tutoriaisico-maispiordebom-bibliaico-maispiordebom-protetoresdetelaico-maispiordebom-papeisdeparedeico-maispiordebom-musicasico-maispiordebom-emuladoreseronsico-maispiordebom-nintendoico-maispiordebom-sonyNOME_ICONEico-maispiordebom-jogosflashico-maispiordebom-webdesignerico-maispiordebom-hardwareico-maispiordebom-sistemasoperacionaisico-maispiordebom-downloadico-maispiordebom-cubeecraftico-maispiordebom-espacomulherico-maispiordebom-horoscopoico-maispiordebom-fisioterapiaico-maispiordebom-medicinaico-maispiordebom-esportes


Ocultando a sidebar em um determinado lugar do blogger

O que vc terá que fazer é colocar a área de postagem (#main-wrapper) da largura da área total do blog (#outer-wrapper) e esconder a sidebar (#sidebar-wrapper) e/ou esconder outras colunas que seu blog tiver. (Mas preste Bem atenção você deve saber direitinho o tamanho estrutural do seu blog.)


Para isso, copie o próximo código e cole depois de ]]></b:skin>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>
#main-wrapper {width: 630px;}
#sidebar-wrapper {visibility: hidden; display: none;}
</style>
<style type='text/css'>
body {
background: #E58383;
}
#main-wrapper {
background: #F4BEBE;
border: 4px solid #C94949;
padding: 10px 4px 10px 4px;
margin: 2px;}
</style>
</b:if>
Código em azul é a cor de fundo do blog.
Código em roxo é a cor de fundo dos posts.
Código em vermelho é a cor da borda do post.
 
Código em rosa é o determinado lugar onde você ocultará a sidebar, podendo usar outros elementos como:


Ocultar nas páginas de postagens:
<b:if cond='data:blog.pageType != "item"'>
 
Ocultar na página incial:
<b:if cond='data:blog.homepageUrl != data:blog.url'>
 
Ocultar em uma postagem específica:
<b:if cond='data:blog.url != "URL do post"'>

Ocultar na página inicial, de marcadores e arquivo:
<b:if cond='data:blog.pageType == "item"'>

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

Ocultar nas páginas de arquivo:
<b:if cond='data:blog.pageType != "archive"'>

Ocultar na página de marcadores, postagens e arquivo:
<b:if cond='data:blog.homepageUrl == data:blog.url'>

Esse código que coloquei  aumenta as postagens para 630px, como indica o código na cor rosa. Se vc quer que a parte da postagem fique maior ou menor, basta modificar o número na cor rosa no código.


O código na cor amarela representa a área da sidebar que será escondida. Se em seu blog houver outras colunas, basta repetir o código amarelo e trocar a parte que está em verde pelo nome de suas outras colunas.

3Respostas até agora.

  1. Oliveira disse:

    Olá, gostaria de saber se existe a possibilidade de definir um layout para cara postagem com determinado marcador.
    Exemplo: meu site tem um área para postagens e um sidebar, gostaria de expandir a área da postagem, retirando o sidebar, em determinadas postagens que tenham "videos" como marcador, assim poderei aumentar a área do iframe de um video. Existe essa possibilidade? Se existe, como posso fazer isso? Obrigado desde já.

    meu blog de testes: http://testeraracing.blogspot.com/

  2. Unknown disse:

    Desculpe amigo, creio que isso é meio impossível o que você pode faze, é pesquisar ao do tipo que quando é clicando em assistir o vídeo, o vídeo abra como se fosse uma lightbox sobre a sua pagina.

Deixe o seu comentário:

Poste aqui seu comentario se gostou do post acima!

Topo da pagina.