Para retirar estes links, vá em Modelo, Editar Html e antes de qualquer coisa, salve uma cópia do seu template antes de mexer no código (tenha este cotume pois, se der algo errado, seu template está salvo). Clique então em Expandir Modelo de Widget e procure este trecho do código do template :

<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>

Apague o que estiver em negrito. Feito isso desaparecerá o link Postagens Recentes.

Agora procure por:

<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>

Novamente apague o que está em negrito. Assim, desaparecerá o link Postagen Antigas.

Por fim, procure por:

<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>

Apague o que estiver em negrito e desaparecerá o link inicial ou home

Você pode não querer apagar, mas mostrar de maneira diferente estes links. Você pode colocar imagens nos links (icones) e para isso, basta apagar o que está em negrito e inserir este código no lugar do trecho apagado:

<img src="endereço da imagem">

A ordem que coloquei aqui é a que você ira encontrar no seu template:
1- Link das postagens recentes
2- Link das postagens antigas
3 - Link da página principal.

[fechar/reiniciar jogo] [Jogos online] [Bateria Virtual]

Dividir Cabeçalho do Blogger em Dois – Design do Modelo

Como fazer duas colunas no cabeçalho do blog pode ser bem útil para tornar seu template mais interessante e aproveitar melhor o espaço da sua pagina. Já mostramos como fazer isso nos templates tradicionais do blogger: Como dividir o cabeçalho do blog em duas partes, mas faltou publicar uma atualização sobre como fazer nos templates novos do Design do Modelo.

Para fazer essa alteração entre na pagina editar html, mas antes de começar faça um backup do seu blog (salvar uma cópia do template), assim não perderá nada caso ocorra algum erro nas edições de html. Depois disso procure por:

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

No trecho: maxwidgets='1' você deve mudar o numero 1 para 4 ou qualquer outra quantidade de gadgets que pretenda usar, ou simplesmente apagar esses códigos, assim o blogger não limitará o numero de gadgets neste setor.

Também troque a palavra 'no' por 'yes' neste trecho: showaddelement='no', isso fazmostrar o adicionar gadget.

Outra parte do html que precisamos mudar é Header1' locked='true' , trocando true por false, isso permitirá mudar o cabeçalho de lugar e arrastá-lo para dentro das colunas que vamos criar no cabeçalho do blog.

Agora encontre <div class='header-outer'>, apague e coloque esse código no lugar:

<div class='header-outer'>
<div id='header-left' style='width:50%; float: left; margin:0; '>
<b:section class='header-left' id='header-left' preferred='yes' style='float:left;'/>
</div>
<div id='header-right' style='width:50%; float: right; margin:0; '>
<b:section class='header-right' id='header-right' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>

Os valores width:50% são as larguras de cada coluna, você pode alterar como desejar, mas o quanto aumentar em uma deverá tirar da outra ou seja em vez de usar 50 e 50 pode usar 70 e 30.

REMOVER NAVE BAR

Uma opção do Blogger é a Navbar que fica presente no topo do blog. Porém essa barra pode ser retirada caso você não goste. Siga o post abaixo e aprenda a fazer isso:

1º - Faça login no Blogger, depois entre em "Layout" -> "Editar HTML".

2º - Procure (Ctrl + f):

]]></b:skin>

3º - Cole o seguinte código ANTES:

#navbar-iframe {height:0px;visibility:hidden;display:none}

4º - Teste e salve!

Como remover o widget “Attribution” do rodapé do blog

1. Faça login no Blogger, clique no nome do seu blog para acessar o painel de controle do mesmo, depois clique no menu Modelo, role a página até o final e clique na opção Fazer backup / Restaurar modelo. Faça uma cópia de segurança do seu template clicando no botão Fazer download do modelo completo.

2. Clique na opção Editar HTML do modelo.

3. Pressione Ctrl+F para abrir a janela Localizar do navegador, e procure o código abaixo.

<b:section class='foot' id='footer-3' showaddelement='no'>

4. Ao encontrar o código que foi citado acima, você deverá mudar a palavra “no” para “yes”.

5. Logo abaixo deste código, você verá este outro código.

<b:widget id='Attribution1' locked='true' title='' type='Attribution'/>

6. Mude a palavra “true” para “false”.

7. Clique no botão Visualizar e, se estiver tudo certo, clique no botão Salvar modelo.

8. Agora acesse o menu Layout, e você verá que no final do seu template, o gadget de atribuição ficará disponível para ser excluído. Clique no link Editar, e em seguida no botão Excluir, como mostra a imagem abaixo.

remover link (pos tatom)

Para remover o link “Postagens (Atom)” do seu blog, faça o seguinte:

Acesse o seu Painel do Blogger e selecione Layout, então clique emEditar HTML para entrar no modo de edição do código do seu Template. Então marque a opção Expandir modelos de widgets.

Não se esqueça de fazer o backup do seu template antes de realizar as alterações no código, clicando em Baixar modelo completo.

Encontre o seguinte código (utilizando o Ctrl+F  do seu navegador) eREMOVA:

<b:include name='feedLinks'/>

Visualize para ver se está tudo correto e clique em Salvar Modelo.
O link já era!

colocar varias paginas blog

Página de apoio ao artigo Páginas Numeradas

Olá, esta é uma página de apoio ao artigo:

Páginas numeradas no Blogger - Novo script

Aqui mostraremos seis estilos diferentes que podem ser aplicados ao recurso de páginas numeradas para que você possa deixar com a sua cara o recurso, ecolhendo o que melhor se adapta ao seu blog.


Veja a demonstração de todos :
 
Estilo 1
Estilo 2
Estilo 3
Estilo 4
Estilo 5
Estilo 6


Agora acompanhe abaixo os trechos de CSS que vocês devem copiar para usar quando estiverem aplicando o recurso de páginas numeradas. Estes estilos serão usado no ítem 4 do PRIMEIRO PASSO:

PRIMEIRO PASSO: Aplicar o estilo

1 - Faça Login no painel  do Blogger e vá até Layout e depois Editar Html.

2 - NÃO marque a caixa "Expandir modelos de widgets".

3 - Encontre esta linha no html do blog:

]]></b:skin>

4 - Cole ACIMA dela (saltando uma linha) este trecho:

CSS DO ESTILO 1:

.showpageArea {
font-family:verdana,arial,helvetica;
color: #000;
font-size:11px;
margin:10px;
}

.showpageArea a {
color: #000;
text-shadow:0 1px 2px #fff;
font-weight: 700;
}

.showpageNum a {
padding: 3px 8px;
margin:0 4px;
text-decoration: none;
border:1px solid #999;
-webkit-border-radius:3px;-moz-border-radius:3px;
background: #ddd url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp1.jpg) 0 -50px repeat-x;
}

.showpageNum a:hover {
border:1px solid #888;
background: #ccc url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp1.jpg) 0 -25px repeat-x;
}

.showpageOf{
margin:0 8px 0 0;
}

.showpagePoint {
color:#fff;
text-shadow:0 1px 2px #333;
padding: 3px 8px;
margin: 2px;
font-weight: 700;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #999;
background: #666 url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp1.jpg) 0 0 repeat-x;
text-decoration: none;
}

             

CSS DO ESTILO 2:

.showpageArea {
font-family:verdana,arial,helvetica;
color: #000;
font-size:11px;
margin:10px;
}

.showpageArea a {
color: #000;
text-shadow:0 1px 2px #fff;
font-weight: 700;
}

.showpageNum a {
padding: 3px 8px;
margin:0 4px;
text-decoration: none;
border:1px solid #919106;
-webkit-border-radius:3px;-moz-border-radius:3px;
background: #ddd url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp2.jpg) 0 -50px repeat-x;
}

.showpageNum a:hover {
border:1px solid #aeae0a;
background: #ccc url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp2.jpg) 0 -25px repeat-x;
}

.showpageOf{
margin:0 8px 0 0;
}

.showpagePoint {
color:#fff;
text-shadow:0 1px 2px #333;
padding: 3px 8px;
margin: 2px;
font-weight: 700;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #919106;
background: #666 url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp2.jpg) 0 0 repeat-x;
text-decoration: none;
}

CSS DO ESTILO 3:

.showpageArea {
font-family:verdana,arial,helvetica;
color: #000;
font-size:11px;
margin:10px;
}

.showpageArea a {
color: #fff;
}

.showpageNum a {
padding: 3px 8px;
margin:0 4px;
text-decoration: none;
background: #363636 url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp3.jpg) 0 -25px repeat-x;
}

.showpageNum a:hover {
background: #044697 url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp3.jpg) 0 -50px repeat-x;
}

.showpagePoint {
color:#fff;
padding: 3px 8px;
margin: 2px;
font-weight: 700;
background: #e30000 url(whttp://i879.photobucket.com/albums/ab351/bloggerblogimage/wp3.jpg) 0 0 repeat-x;
text-decoration: none;
}

.showpageOf{
margin:0 8px 0 0;
}

CSS DO ESTILO 4:

.showpageArea {
font-family:verdana,arial,helvetica;
color: #000;
font-size:11px;
margin:10px;
}

.showpageArea a {
color: #fff;
}

.showpageNum a {
padding: 3px 4px;
margin:0 4px;
text-decoration: none;
border-top:2px solid #000;
border-left:1px solid #000;
border-right:1px solid #000;
border-bottom:1px solid #000;
background: #666 url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp4.jpg) 0 -25px repeat-x;
}

.showpageNum a:hover {
border-top:2px solid #999;
border-left:1px solid #999;
border-right:1px solid #999;
border-bottom:1px solid #999;
background: #999 url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp4.jpg) 0 -50px repeat-x;
}

.showpagePoint {
color:#fff;
padding: 3px 8px;
margin: 2px;
font-weight: 700;
border-top:2px solid #000;
border-left:1px solid #000;
border-right:1px solid #000;
border-bottom:1px solid #000;
background: #000 url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp4.jpg) 0 0 repeat-x;
text-decoration: none;
}

.showpageOf{
margin:0 8px 0 0;
}

CSS DO ESTILO 5:

.showpageArea {
font-family:verdana,arial,helvetica;
color: #000;
font-size:11px;
margin:10px;
}

.showpageArea a {
color: #fff;
}

.showpageNum a {
padding: 3px 8px;
margin:0 4px;
text-decoration: none;
background: #333 url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp5.jpg) 0 -50px repeat-x;
}

.showpageNum a:hover {
background: #666 url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp5.jpg) 0 -25px repeat-x;
}

.showpagePoint {
color:#fff;
padding: 3px 8px;
margin: 2px;
font-weight: 700;
background: #06a2b9 url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp5.jpg) 0 0 repeat-x;
text-decoration: none;
}

.showpageOf{
margin:0 8px 0 0;
}

CSS DO ESTILO 6:

.showpageArea {
font-family:verdana,arial,helvetica;
color: #fff;
font-size:11px;
margin:10px;
padding:8px 20px;
background: #333;
}

.showpageArea a {
color: #fff;
}

.showpageNum a {
padding: 3px 8px;
margin:0 4px;
text-decoration: none;
background: #666;
}

.showpageNum a:hover {
background: #888;
}

.showpagePoint {
color:#fff;
padding: 3px 8px;
margin: 2px;
font-weight: 700;
background: #da6100;
text-decoration: none;
}

.showpageOf{
margin:0 8px 0 0;
}

SEGUNDO PASSO: Aplicando o JavaScript

1 - Encontre isso:

</body>

2 - E cole isso acima, saltando uma linha:

            &lt;script type='text/javascript'&gt;
var home_page=&quot;/&quot;;
var urlactivepage=location.href;
var postperpage=7;
var numshowpage=4;
var upPageWord ='Anterior';
var downPageWord ='Próxima';
&lt;/script&gt;
&lt;script src='http://dl.dropbox.com/u/3626153/scriptsdireto/Tutorial%20Para%20Tudo/pagenaviv202-min.js' type='text/javascript'&gt;&lt;/script&gt;

  

Mude de acordo com seu blog:

var postperpage=7 - Mude o 7 para o número de artigos que devem aparecer em cada página.

var numshowpage=4 - Mude o 4 para o número máximo de páginas a aparecer em volta da página selecionada. Lembrando que no exemplo usando o 4, aparecerão duas de cada lado da página selecionada, sendo 6, aparecerão três de cada lado...

Pronto meus caros, estes são os estilos a serem aplicados ao recurso de Páginas numeradas para Blogger, escolham o que mais lhes agrada e mãos à obra.