Adicionar painel de acesso rápido no blog

Saiba como adicionar um painel de acesso rápido com as principais funções do seu blog.

Alguns usuários preferem não esconder a navbar, pois a partir dela parece ser mais fácil ter as opções "Nova Postagem", "Design" e ​​"Sair". No entanto, podemos ter estas opções e outras do resto do blog.

Siga o @bloggermin agora e fique por dentro das novidades para o seu blog. E curta nossa página no Facebook.


Neste artigo vamos ver como colocar um painel de acesso rápido às principais funções do blog, de modo que apartir do mesmo blog passamos ter acesso a:
  • Criar uma nova postagem
  • Configurações do blog
  • Design/Layout
  • Modelo (Editar HTML na interface antiga)
  • Moderar comentários
  • Estatísticas
  • Sair do Blogger
Vamos colocar todas essas opções na sidebar e estarão apenas visíveis para o administrador do blog, ou seja, os usuarios não poderão ver.

O resultado será algo assim:


A primeira coisa que faremos será obter o ID do nosso blog, que pode obtê-lo clicando em qualquer opção do blog, por exemplo, em Configurações. Depois que você tiver clicado verá na barra de endereço um URL, os números que estão no final são o ID do seu blog.


Se estiver usando a nova interface você verá esses números no meio da URL.
Copie o ID do seu blog, vá até Editar HTML e SEM expandir gadgets procure por:
 <div id='sidebar-wrapper'>
E se você usar um modelo do "Designer de Modelo", procure esta linha:
<div class='column-right-outer'>
Abaixo de qualquer um destes dois adicione o seguinte código, somente se estiver usando a interface antiga:
<span class='item-control blog-admin'>
<style>
.panel-de-control {padding:10px 5px;}
.panel-de-control a {color:#0489B1;}
.panel-de-control a:hover {text-decoration:underline; color:#045FB4;}
</style>
<div class='panel-de-control'>
<h2>Painel de Controle</h2>
<a href="http://www.blogger.com/post-create.g?blogID=XXXXXXXXXX">Nova Postagem</a> |
<a href="http://www.blogger.com/blog-options-basic.g?blogID=XXXXXXXXXX">Configuracões</a> |
<a href="http://www.blogger.com/rearrange?blogID=XXXXXXXXXX">Design</a> |
<a href="http://www.blogger.com/html?blogID=XXXXXXXXXX">Editar HTML</a> |
<a href="http://www.blogger.com/moderate-comment.g?blogID=XXXXXXXXXX">Moderar Comentários</a> |
<a href="http://www.blogger.com/stats2.g?blogID=XXXXXXXXXX">Estatísticas</a> |
<a href="http://www.blogger.com/logout.g">Sair</a>
</div>
</span>

E se você usar a nova interface, o código que você precisará adicionar é este:
<span class='item-control blog-admin'>
<style>
.panel-de-control {padding:10px 5px;}
.panel-de-control a {color:#0489B1;}
.panel-de-control a:hover {text-decoration:underline; color:#045FB4;}
</style>
<div class='panel-de-control'>
<h2>Painel de Controle</h2>
<a href="http://www.blogger.com/blogger.g?blogID=XXXXXXXXXX#editor">Nova Postagem</a> |
<a href="http://www.blogger.com/blogger.g?blogID=XXXXXXXXXX#basicsettings">Configuracões</a> |
<a href="http://www.blogger.com/blogger.g?blogID=XXXXXXXXXX#pageelements">Layout</a> |
<a href="http://www.blogger.com/blogger.g?blogID=XXXXXXXXXX#template">Modelo</a> |
<a href="http://www.blogger.com/blogger.g?blogID=XXXXXXXXXX#publishedcomments">Moderar Comentários</a> |
<a href="http://www.blogger.com/blogger.g?blogID=XXXXXXXXXX#overviewstats">Estatísticas</a> |
<a href="http://www.blogger.com/logout.g">Sair</a>
</div>
</span>

Apenas altera  XXXXXXXXXX pelo ID do seu blog que você copiou anteriormente e tenha cuidado para não excluir nada, nem uma citação nem qualquer outra caractere. Quando terminar, salve as alterações e pronto.
Olhar, em Visualizar não vai ver, você tem que salvar as alterações para poder ser visualizado.

Se você usar um modelo personalizado é possível não encontrar as linhas onde você tem que colocar, nestes casos e/ou nos casos em que deseja colocar o painel de acesso rápido em outra parte do blog, você pode colocar o código em um gadget HTML/Javascript, mas não dê título ao gadget, se o fizer, então condicione para esse gadget seja somente visível ao administrador.

Desta forma terás um painel de acesso rápido às funções do blog e só será visível para o administrador do blog. Assim você não terá que manter aberta a página do blog e a página do Blogger ao mesmo tempo.

Via BloggingTips

COMENTÁRIOS

BLOGGER: 1
Loading...
Nome

Básicos,3,Blogger,43,Botões,2,buscadores,3,Comentários,5,Css3,9,Design,3,Dominio,3,Downloads,2,Efeito,13,Facebook,3,Feed,1,Festividades,1,GooglePlus,6,Hacks,7,HTML,8,Imagens,8,Menu,3,Recursos,3,Seo,8,Truque,24,Twitter,2,Widget - Gadget,16,
ltr
item
Bloggermin: Adicionar painel de acesso rápido no blog
Adicionar painel de acesso rápido no blog
Saiba como adicionar um painel de acesso rápido com as principais funções do seu blog.
http://3.bp.blogspot.com/-3TixJGy000s/T3W4QwKd5II/AAAAAAAAAYU/_e8JXYQITv0/s1600/painel_de_controle_O.png
http://3.bp.blogspot.com/-3TixJGy000s/T3W4QwKd5II/AAAAAAAAAYU/_e8JXYQITv0/s72-c/painel_de_controle_O.png
Bloggermin
https://www.bloggermin.cashmore.com.br/2012/03/adicionar-painel-de-acesso-rapido-no.html
https://www.bloggermin.cashmore.com.br/
https://www.bloggermin.cashmore.com.br/
https://www.bloggermin.cashmore.com.br/2012/03/adicionar-painel-de-acesso-rapido-no.html
true
3085171147808187471
UTF-8
Carregado Todas os Posts. Não foi encontrado nenhum post. VER TUDO Leia mais Responder Cancelar resposta Excluir Por Home PÁGINAS POSTAGENS Ver tudo RECOMENDADO PARA VOCÊ ETIQUETA ARQUIVO PESQUISAR TODAS AS PUBLICAÇÕES Não foi encontrado qualquer correspondência postal com o seu pedido Voltar a Home Domingo Segunda-feira Terça-feira Quarta-feira Quinta-feira Sexta-feira Sábado Dom Seg Ter Qua Qui Sex Sáb Janeiro Fevereiro Março Abril Maio Junho Julho Agosto Setembro Outubro Novembro Dezembro Jan Fev Mar Abr Maio Jun Jul Ago Set Out Nov Dez agora mesmo 1 minuto atrás $$1$$ minutes ago 1 hora atrás $$1$$ hours ago Ontem $$1$$ days ago $$1$$ weeks ago mais de 5 semanas atrás Seguidores Seguir O CONTEÚDO É PREMIUM Por favor, compartilhe para desbloquear Copiar Todo o Código Selecionar Todo o Código Todos os códigos foram copiados para a área de transferência Não é possível copiar os códigos / textos, por favor pressione [CTRL] + [C] (ou CMD + C com Mac) para copiar