sábado, 7 de maio de 2011

Colocando uma área de administração no blogger

Desenvolvi um código, que cuja função insere uma pequena área de administração em seu blog. O  código é extremamente simples, apenas com alguns links de básicos, como por exemplo, criação de novas postagens, edição de posts, Área de administração no bloggerDesign e outros. São os mesmo que estão no painel de controle do seu blog.
Mas pra que isso? Claro que não iria criar atoa, criei essa área de administração com a finalidade de tornar sua navegação mais rápido, facilitando então sua vida. Quando precisamos criar uma nova postagem, apenas clicamos no botão “Nova postagem” da área em nosso blog, ao invés de ter que entrar no site do blogger.
Uma observação interessante, é que programei também para a área aparecer somente para o administrador do blog, pois ficaria meio estranho deixar a área exposta para os leitores. Então se você achou essa área útil, adicione em seu blog agora mesmo!
Agora que você já sabe do que se trata a área de administração, vamos inserir no seu blog. Para isso, faça o login no blogger.com, vá em “Design” - “Elementos da página” – “Adicionar um gadget”, escolha a opção “HTML/Javascript” e cole o seguinte código:
<style type="text/css">
#menuadmin {
        padding-left: 10px;
    background-color: #F4EADF;
    border: 1px #dcdcdc solid;
    border-radius: 10px;
    color:#06F
}
#menuadmin a:link {
    text-decoration: none;
    color:#F90
}
</style>
<span class="item-control blog-admin">
<center>Àrea do Administrador</center>
<div id="menuadmin">
    <p><a href="http://blogger.com/post-create.g?blogID=ID OD SEU BLOG">Nova postagem
</a> <br />        </a><a href="http://blogger.com/posts.g?blogID=ID OD SEU BLOG">Editar postagens</a> <br />
      <a href="http://blogger.com/comment-published.g?blogID=ID OD SEU BLOG">Comentários<br />
      </a><a href="http://blogger.com/blog-options-basic.g?blogID=ID OD SEU BLOG">Configurações<br />
      </a><a href="http://blogger.com/rearrange?blogID=ID OD SEU BLOG">Design<br />
      </a><a href="http://blogger.com/stats2.g?blogID=ID OD SEU BLOG">Estatísticas</a>
      </p>
</div>
</span>
Depois disso, substitua a parte em vermelho pelo ID do seu blog. Caso não sabe qual o ID do seu blog, faça o seguinte:
Faça o login no blogger, clique em “Nova postagem” e copie o os números depois de ‘blogID=’ na barra de endereço como mostrado na figura abaixo, e substitua no código.
Descobrir ID do blog
Lembrando também que, na parte azul do código é a cor do fundo da área, e o verde é a cor da borda.
Feito as devidas alterações, salve e pronto!

Marcadores: , , , , ,

8 Comentários:

Às 2 de junho de 2011 14:28 , Blogger Rui Sanches disse...

O primeiro item "Nova Postagem" não funciona. Um outro problema é que um outro administrador não consegue visualizar esse recurso.

 
Às 2 de junho de 2011 15:50 , Blogger Códigos Blogger disse...

@Rui Sanches Olá amigo, o item "Nova postagem" funciona perfeitamente, verifique se você colocou o ID correto, ou refaça o tutorial.

 
Às 27 de junho de 2011 22:01 , Blogger Sou Eco disse...

CB realmente Apenas a opção nova postagem não funciona. Eu observei o código e vi o seguinte:

Em NOVA POSTAGEM: Após o nome ID DO SEU BLOG e antes do sinal de ">" está faltando as aspas. Compare com os outros.

P.S. Mesmo eu colocando as aspas não funcionou.

Espero que seja isso ^^

Abraços do Sou Eco :D

 
Às 28 de junho de 2011 09:19 , Blogger Códigos Blogger disse...

Concertado! :)

 
Às 28 de junho de 2011 16:09 , Blogger Sou Eco disse...

Huhuu \o/ agora foi ^.^

 
Às 28 de agosto de 2011 18:42 , Blogger Holtz disse...

Tem como por para postadores também?

 
Às 28 de agosto de 2011 22:14 , Blogger Códigos Blogger disse...

Só para administradores

 
Às 16 de janeiro de 2012 19:02 , Blogger Metal 10 disse...

Este blog é nota 10.
Sem comentários!

 

Postar um comentário

Se você gostou deste artigo deixe um comentário!

Duvidas ou sugestões comentem aqui! =D
*Não insultar autor ou leitores da postagens
*Não pedir parceria por comentários
*Não publicar spam ou similar.

Assinar Postar comentários [Atom]

Links para esta postagem:

Criar um link

<< Página inicial