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:
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:
E se você usar a nova interface, o código que você precisará adicionar é este:
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
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
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
hey como coloca um html de uma imagem assim tipo um banner sem a imagem do baner aparecer?
ResponderExcluir