Ícone de edição dos posts

Ícone de rsetiawan by Freepick

29- Ícone de edição dos posts

Até 2010/2011 a maioria dos blogs contava com ícones de edição rápida tanto nas postagens, quanto nos gadgets.

De repente o famoso lapisinho que costumava figurar no rodapé das postagens, logo acima da caixa de comentários, desapareceu para desespero de muitos.

O ícone dos gadgets não faz tanta falta, já que todos os gadgets podem ser editados na aba "Layout", mas quando se tem um blog com muitas postagens e posts com muitas imagens e precisamos atualizar alguma postagem esse atalho faz muita falta.

Ao consultar a Comunidade do Blogspot fui direcionada para o Blog Blogger Code PE onde encontrei um código de autoria de Soraya Lambrechts que permite que voltemos a contar com o simpático e muito prestativo lapisinho.

Para mim ele é indispensável.

Nos blogs onde foi configurado "Mostrar autor do post" o mimoso lapisinho aparece ao lado do nome do autor do post:

Nos blogs sem essa configuração o lapisinho aparece só:

Inserindo o código

O código deve ficar na área <div class='post-footer-line post-footer-line-3'>.

O código original é:

<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='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>

      </a>

    </span>

  </b:if>

</b:includable>

E todo esse código deve ser trocado por esse a seguir:

<b:includable id='postQuickEdit' var='post'>

  <!-- https://bloggercode-blogconnexion.blogspot.com/2021/10/faq.html -->

  <b:with value='data:view.isPage ? "blog/page/edit/" : "blog/post/edit/"' var='path'>

    <span expr:class='"item-control " + data:post.adminClass'>

      <a expr:href='data:blog.bloggerUrl path (data:path + data:blog.blogId + "/" + data:post.id)' expr:title='data:top.editPostMsg' target='_blank'>

        <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>

      </a>

    </span>

  </b:with>

</b:includable>

Eu acrescentei o target='_blank' na quinta linha porque a experiência me mostrou que configurar links para abrir em uma segunda guia fideliza o nosso leitor ao nosso blog.

Eu sou uma dessas pessoas que prefere os blogs que usam esse recurso, porque assim posso continuar a ler o post principal enquanto consulto o conteúdo secundário ou baixo o material linkado.

Para adicionar o novo link no seu blog, acesse a aba "Tema", clique em "Personalizar", escolha a opção "Editar HTML":

Clique em qualquer área do código fonte e depois clique em Ctrl + F.

Na caixinha de pesquisa digite 'postQuickEdit' e dê Enter 3 vezes porque esse código se repete e queremos o código que está abaixo da line-3.

Selecione todo o código original e troque-o pelo novo código, clicando no disquete para salvar a alteração:

Aguarde a mensagem "A atualização foi feita" aparecer e verifique seu blog:

Agora sempre que quiser atualizar um post ou uma página basta clicar no lapisinho que o editor da postagem abrirá ao lado da postagem.