Ícones de Edição Rápida do Blogger
Os quick edit icons ou ícones de edição rápida do Blogger podem ser úteis ou causar uma grande dor de cabeça. Eu prefiro retirar todos os ícones de edição dos gadgets, deixando apenas uma maneira de editar as postagens. Mas isso é muito pessoal, e cada um tem suas preferências. Vou mostrar como se livrar ou usar de maneira menos intrusiva esses ícones.
Retirando o ícone das postagens
Neste caso, não tem mistério. Acesse o painel de Layout ==> Elementos de Página do seu blog e clique para editar o gadget das postagens.
Em seguida, desmarque a opção de "Mostrar edição rápida".
Alterando a imagem de edição rápida (lápis) para um texto
Essa é a maneira que uso em meus templates. Muitas vezes a imagem do lápis atrapalha a visualização do administrador do blog quando está fazendo alterações no template. Por isso, mudo a imagem para um texto. Essa também é uma boa solução quando o Blogger aparece com bugs que mostram o ícone de edição para qualquer leitor. Com um texto que só você conhece, o leitor com má intenção terá mais dificuldade para identificar a edição rápida.
Acesse a aba Layout ==> Editar HTML. Salve uma cópia de seu template (SEMPRE!!!). Marque a caixinha "Expandir Modelos de Widgets" e procure o trecho no código HTML:
1 2 3 4 5 6 7 8 9 | <b:includable id='postQuickEdit' var='post'> <b:if cond='data:post.editUrl'> <span expr:class='"item-control " + data:post.adminClass'> <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'> <img alt='' class='icon-action' height='18' src='//www.blogger.com/img/icon18_edit_allbkg.gif' width='18'/> </a> </span> </b:if></b:includable> |
Vamos substituir o trecho em que aparece a imagem para o texto de sua preferência. Também vamos tirar o "title" do link para que não apareça o tooltip indicando que é o texto da edição rápida:
1 2 3 4 5 6 7 8 9 | <b:includable id='postQuickEdit' var='post'> <b:if cond='data:post.editUrl'> <span expr:class='"item-control " + data:post.adminClass'> <a expr:href='data:post.editUrl'> TEXTO DE SUA PREFERÊNCIA </a> </span> </b:if></b:includable> |
Retirar a imagem de edição rápida (ícone de ferramentas) dos widgets
Como disse anteriormente, eu retiro a edição rápida de todos os meus widgets. Prefiro edita-los pelo painel "Elementos de Página". Isso ajuda muito a visualização quando estou alterando templates, principalmente nas páginas internas e previne intrusos em meus blogs.
Nesse caso usaremos CSS para retirar a imagem de todos os widgets de determinada coluna. Se você quer retirar a edição rápida da sidebar, por exemplo, acesse a aba Layout ==> Editar HTML e não marque a caixinha "Expandir Modelos de Widgets".
No final da CSS de seu blog (acima da tag
]]></b:skin>}, coloque o estilo que irá esconder a imagem:1 2 | .sidebar .item-control a.quickedit img{display:none;} |
Se você quer tirar a imagem de uma coluna que não use a class sidebar, substitua a primeira parte do código, por exemplo:
1 2 | #footer-wrapper .item-control a.quickedit img{display:none;} |
Ou seja, mantenha o código .item-control a.quickedit img e modifique o início para a coluna onde quer tirar a imagem.
Retirar a imagem de edição rápida (ícone de ferramentas) apenas de alguns widgets
Se você prefere manter a imagem de edição rápida em alguns widgets e retirar de outros, marque a caixinha "Expandir Modelos de Widgets" e no final do código do widget procure o seguinte trecho e delete:
<b:include name='quickedit'/>
Os quick edit icons ou ícones de edição rápida do Blogger podem ser úteis ou causar uma grande dor de cabeça. Eu prefiro retirar todos os ícones de edição dos gadgets, deixando apenas uma maneira de editar as postagens. Mas isso é muito pessoal, e cada um tem suas preferências. Vou mostrar como se livrar ou usar de maneira menos intrusiva esses ícones.
Retirando o ícone das postagens
Neste caso, não tem mistério. Acesse o painel de Layout ==> Elementos de Página do seu blog e clique para editar o gadget das postagens.
Em seguida, desmarque a opção de "Mostrar edição rápida".
Alterando a imagem de edição rápida (lápis) para um texto
Essa é a maneira que uso em meus templates. Muitas vezes a imagem do lápis atrapalha a visualização do administrador do blog quando está fazendo alterações no template. Por isso, mudo a imagem para um texto. Essa também é uma boa solução quando o Blogger aparece com bugs que mostram o ícone de edição para qualquer leitor. Com um texto que só você conhece, o leitor com má intenção terá mais dificuldade para identificar a edição rápida.
Acesse a aba Layout ==> Editar HTML. Salve uma cópia de seu template (SEMPRE!!!). Marque a caixinha "Expandir Modelos de Widgets" e procure o trecho no código HTML:
1 2 3 4 5 6 7 8 9 | <b:includable id='postQuickEdit' var='post'> <b:if cond='data:post.editUrl'> <span expr:class='"item-control " + data:post.adminClass'> <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'> <img alt='' class='icon-action' height='18' src='//www.blogger.com/img/icon18_edit_allbkg.gif' width='18'/> </a> </span> </b:if></b:includable> |
Vamos substituir o trecho em que aparece a imagem para o texto de sua preferência. Também vamos tirar o "title" do link para que não apareça o tooltip indicando que é o texto da edição rápida:
1 2 3 4 5 6 7 8 9 | <b:includable id='postQuickEdit' var='post'> <b:if cond='data:post.editUrl'> <span expr:class='"item-control " + data:post.adminClass'> <a expr:href='data:post.editUrl'> TEXTO DE SUA PREFERÊNCIA </a> </span> </b:if></b:includable> |
Retirar a imagem de edição rápida (ícone de ferramentas) dos widgets
Como disse anteriormente, eu retiro a edição rápida de todos os meus widgets. Prefiro edita-los pelo painel "Elementos de Página". Isso ajuda muito a visualização quando estou alterando templates, principalmente nas páginas internas e previne intrusos em meus blogs.
Nesse caso usaremos CSS para retirar a imagem de todos os widgets de determinada coluna. Se você quer retirar a edição rápida da sidebar, por exemplo, acesse a aba Layout ==> Editar HTML e não marque a caixinha "Expandir Modelos de Widgets".
No final da CSS de seu blog (acima da tag
]]></b:skin>}, coloque o estilo que irá esconder a imagem:1 2 | .sidebar .item-control a.quickedit img{display:none;} |
Se você quer tirar a imagem de uma coluna que não use a class sidebar, substitua a primeira parte do código, por exemplo:
1 2 | #footer-wrapper .item-control a.quickedit img{display:none;} |
Ou seja, mantenha o código .item-control a.quickedit img e modifique o início para a coluna onde quer tirar a imagem.
Retirar a imagem de edição rápida (ícone de ferramentas) apenas de alguns widgets
Se você prefere manter a imagem de edição rápida em alguns widgets e retirar de outros, marque a caixinha "Expandir Modelos de Widgets" e no final do código do widget procure o seguinte trecho e delete:
<b:include name='quickedit'/>
Os quick edit icons ou ícones de edição rápida do Blogger podem ser úteis ou causar uma grande dor de cabeça. Eu prefiro retirar todos os ícones de edição dos gadgets, deixando apenas uma maneira de editar as postagens. Mas isso é muito pessoal, e cada um tem suas preferências. Vou mostrar como se livrar ou usar de maneira menos intrusiva esses ícones.
Retirando o ícone das postagens
Neste caso, não tem mistério. Acesse o painel de Layout ==> Elementos de Página do seu blog e clique para editar o gadget das postagens.
Em seguida, desmarque a opção de "Mostrar edição rápida".
Alterando a imagem de edição rápida (lápis) para um texto
Essa é a maneira que uso em meus templates. Muitas vezes a imagem do lápis atrapalha a visualização do administrador do blog quando está fazendo alterações no template. Por isso, mudo a imagem para um texto. Essa também é uma boa solução quando o Blogger aparece com bugs que mostram o ícone de edição para qualquer leitor. Com um texto que só você conhece, o leitor com má intenção terá mais dificuldade para identificar a edição rápida.
Acesse a aba Layout ==> Editar HTML. Salve uma cópia de seu template (SEMPRE!!!). Marque a caixinha "Expandir Modelos de Widgets" e procure o trecho no código HTML:
1 2 3 4 5 6 7 8 9 | <b:includable id='postQuickEdit' var='post'> <b:if cond='data:post.editUrl'> <span expr:class='"item-control " + data:post.adminClass'> <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'> <img alt='' class='icon-action' height='18' src='//www.blogger.com/img/icon18_edit_allbkg.gif' width='18'/> </a> </span> </b:if></b:includable> |
Vamos substituir o trecho em que aparece a imagem para o texto de sua preferência. Também vamos tirar o "title" do link para que não apareça o tooltip indicando que é o texto da edição rápida:
1 2 3 4 5 6 7 8 9 | <b:includable id='postQuickEdit' var='post'> <b:if cond='data:post.editUrl'> <span expr:class='"item-control " + data:post.adminClass'> <a expr:href='data:post.editUrl'> TEXTO DE SUA PREFERÊNCIA </a> </span> </b:if></b:includable> |
Retirar a imagem de edição rápida (ícone de ferramentas) dos widgets
Como disse anteriormente, eu retiro a edição rápida de todos os meus widgets. Prefiro edita-los pelo painel "Elementos de Página". Isso ajuda muito a visualização quando estou alterando templates, principalmente nas páginas internas e previne intrusos em meus blogs.
Nesse caso usaremos CSS para retirar a imagem de todos os widgets de determinada coluna. Se você quer retirar a edição rápida da sidebar, por exemplo, acesse a aba Layout ==> Editar HTML e não marque a caixinha "Expandir Modelos de Widgets".
No final da CSS de seu blog (acima da tag
]]></b:skin>}, coloque o estilo que irá esconder a imagem:1 2 | .sidebar .item-control a.quickedit img{display:none;} |
Se você quer tirar a imagem de uma coluna que não use a class sidebar, substitua a primeira parte do código, por exemplo:
1 2 | #footer-wrapper .item-control a.quickedit img{display:none;} |
Ou seja, mantenha o código .item-control a.quickedit img e modifique o início para a coluna onde quer tirar a imagem.
Retirar a imagem de edição rápida (ícone de ferramentas) apenas de alguns widgets
Se você prefere manter a imagem de edição rápida em alguns widgets e retirar de outros, marque a caixinha "Expandir Modelos de Widgets" e no final do código do widget procure o seguinte trecho e delete:
<b:include name='quickedit'/>
Assinar:
Postar comentários (Atom)
Postar um comentário