Mostrando postagens com marcador tutorial. Mostrar todas as postagens
Mostrando postagens com marcador tutorial. Mostrar todas as postagens

1 Retirar espaço entre gadget e postagens

Hooy gente! Recebi muuuuitos pedidos desse tutorial, de como retirar aquele espaço chato que fica entre o gadget (espaço do perfil, seguidores, etc.) e as postagens. Como eu já tinha feito isso no ChoocoBerry e não tirei prints pra não esqueçer, tive que procurar no HTML todo onde realmente é preciso fazer as alterações. O bom disso tudo é que consegui e trouxe pra vocês. É um tutorial bem fácil, mas requer toda atenção.  Mas antes de tudo, baixe o modelo do seu blog, isso pode evitar futuros prejuizos!

 Tutorial
 Para gadget do lado direito/right:


1. Após fazer login em seu blog, vá para a aba Designer e em seguida para Editar HTML.
2. Pressione Ctrl + F em seu teclado e pesquise por: /* Main.
3. Localize no HTML a tag margin-right: $(content.padding); e faça como na imagem, apagando onde está selecionado de vermelho.


 Para gadget do lado esquerdo/left:



1. Após fazer login em seu blog, vá para a aba Designer e em seguida para Editar HTML.
2. Pressione Ctrl + F em seu teclado e pesquise por: /* Main.
3. Localize no HTML a tag margin-left: $(content.padding); e faça como na imagem, apagando onde está selecionado de vermelho.


Depois de todo esses procedimento, visualize seu blog. Se gostou de resultado, clique em Salvar Modelo, senão clique em Limpar Edições. Espero que gostem e que tenha ajudado quem precisa, bye ♥

15 Corrigir problemas no link "Postagens Anteriores"

Hooy, percebi que algumas blogueiras andam tendo problemas com o link "Postagens Anteriores" que em vez de mostrar as postagens antigas, aparece o seguinte erro: bX-67oaj1 Pesquisei e pesquisei no Google e nada. Então por acaso entrei no Templates Para Novo Blogger e encontrei um tutorial ensinando como corrigir tal erro. Aprendi e trouxe pra vocês. Mas antes de tudo, baixe o modelo do seu blog, isso pode evitar prejuizos no futuro!

 Tutorial

1. Após fazer login em seu blog, vá para a aba Designer e em seguida para Editar HTML. 
2. Clique em Expandir Modelo de Widget. Pressione Ctrl + F em seu teclado e pesquise por: 
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>

3. Substitua por: 
<a expr:href='data:newerPageUrl' expr:title='data:newerPageTitle' id='blog-pager-newer-link'><data:newerPageTitle/></a>

4. Depois procure por:
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>

5. E substitua por:
<a expr:href='data:olderPageUrl' expr:title='data:olderPageTitle' id='blog-pager-older-link'><data:olderPageTitle/></a>

 Agora, se você usa imagens nos link "Postagens Anteriores" e "Postagens Recentes" faça o seguinte:

1. Clique em Expandir Modelo de Widget. Pressione Ctrl + F em seu teclado e pesquise por:
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'>

2. Substitua por:
<a expr:href='data:newerPageUrl' expr:title='data:newerPageTitle' id='blog-pager-newer-link'><img src='endereço da sua imagem'/></a>

3. Novamente pesquise, agora por:
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>


4. Substitua por: 

<a expr:href='data:olderPageUrl' expr:title='data:olderPageTitle' id='blog-pager-older-link'><img src='endereço da sua imagem'/> </a> 

 Substitua por imagens onde se pede!
Depois de todo esses procedimento, visualize seu blog. Se gostou de resultado, clique em Salvar Modelo, senão clique em Limpar Edições. Espero que gostem, bye ♥

22 Retirar espaço entre topo e postagens

Hoooy gente! Primeiro tutorial do ChoocoBerry vai ensinar como retirar aquele espaço do menu que fica entre o topo e as postagens. É bem fácil de fazer. Mas antes de tudo, baixe o modelo do seu blog, isso pode evitar prejuizos no futuro! 


 Tutorial


1. Após fazer login em seu blog, vá para a aba Designer e em seguida para Editar HTML. 
2. Pressione Ctrl + F em seu teclado e pesquise por: /* Tabs 
3. Localize no HTML a tag /* Tabs e faça como na imagem.


4. Após apagar margin: 1em 0 0; pesquise por /* Main.
5. Abaixo de padding: $(content.padding) 0; adicione a tag margin-top:-10px; como na imagem!
6. Feito isso, visualize seu blog. Se o menu não estiver justo as postagens, aumente a numeração. 


Depois de todo esses procedimento, visualize seu blog. Se gostou de resultado, clique em Salvar Modelo, senão clique em Limpar Edições. Espero que gostem, bye ♥