Como exibir a contagem total de postagens publicadas no Blogger

 Você pode estar interessado em exibir o número total de postagens que você publicou em seu blog? Você pode querer que seus leitores saibam quanto vale a pena ler artigos ou postagens que seu blog produziu para eles? Recentemente, um de nossos seguidores nos tweetou perguntando sobre uma maneira de exibir o número total de postagens publicadas em seu site. No entanto, o Blogger não permite que você exiba a contagem total de postagens publicadas por padrão, mas felizmente desenvolvemos um plug-in que exibe com precisão a contagem total de postagens publicadas no blogger. Hoje, neste artigo, mostraremos como exibir a contagem total de postagens publicadas no Blogger.

A primeira coisa que você deve fazer é fazer login na sua conta do Blogger. Depois de fazer login com sucesso no painel do Blogger, vá para Seu blog ›› Layout ›› Adicionar um gadget ›› Adicionar HTML/JavaScript ›› e cole o seguinte trecho de codificação JavaScript na caixa de texto HTML.

<script style="text/javascript">

// Total Published Posts Counts for Blogger

// =============================

// Author: Syed Faizan Ali

//Version:2.0

function numposts(json) {

document.write('<div id="totalposts">');

document.write('<div id="titlep">MyBloggerLab was launched on<br/> January 5, 2012.</div>');

document.write('<div id="descriptionp">Quality Blogger Tutorials and articles<br/> and counting!</div>');

var _0x13e7=["\x57\x65\x20\x68\x61\x76\x65\x20\x61\x20\x74\x6F\x74\x61\x6C\x20\x6F\x66\x3C\x62\x72\x2F\x3E\x3C\x64\x69\x76\x20\x69\x64\x3D\x22\x63\x6F\x75\x6E\x74\x70\x22\x3E\x20","\x24\x74","\x6F\x70\x65\x6E\x53\x65\x61\x72\x63\x68\x24\x74\x6F\x74\x61\x6C\x52\x65\x73\x75\x6C\x74\x73","\x66\x65\x65\x64","\x20\x50\x6F\x73\x74\x73\x20\x3C\x2F\x64\x69\x76\x3E\x20\x3C\x62\x72\x2F\x3E\x3C\x64\x69\x76\x20\x69\x64\x3D\x22\x70\x6F\x73\x74\x63\x6F\x70\x79\x22\x3E\x41\x20\x57\x69\x64\x67\x65\x74\x20\x62\x79\x3A\x20\x3C\x61\x20\x68\x72\x65\x66\x3D\x22\x68\x74\x74\x70\x3A\x2F\x2F\x77\x77\x77\x2E\x6D\x79\x62\x6C\x6F\x67\x67\x65\x72\x6C\x61\x62\x2E\x63\x6F\x6D\x22\x3E\x4D\x79\x42\x6C\x6F\x67\x67\x65\x72\x4C\x61\x62\x2E\x63\x6F\x6D\x3C\x2F\x61\x3E\x3C\x2F\x64\x69\x76\x3E\x3C\x2F\x64\x69\x76\x3E","\x77\x72\x69\x74\x65"];document[_0x13e7[5]](_0x13e7[0]+json[_0x13e7[3]][_0x13e7[2]][_0x13e7[1]]+_0x13e7[4]);

}

</script><script src="/feeds/posts/default?alt=json-in-script&callback=numposts"></script>

Depois de adicionar com sucesso o código acima, pressione “Salvar botão” na parte inferior e isso o deixará dois passos mais perto da linha de chegada, então vá para o próximo passo à frente.

Agora cole a seguinte codificação CSS acima da tag ]]></b:skin> presente no template. Você pode alterar seu estilo, cor, fontes de acordo com suas necessidades de desejo. Uma vez feito, salve seu modelo.

div#totalposts {

  font-size: 14px;

  text-align: center;

  float: left;

  border: 1px solid #d2d2d2;

  padding: 20px;

  background: #FCFCFC;

}

div#titlep {

    float: left;

    width: 100%;

    border-bottom: 1px solid #d2d2d2;

    padding-bottom: 15px;

    margin-bottom: 14px;

}

div#countp {

    font-size: 40px;

    font-weight: bold;

    color: rgb(241, 126, 0);

    float: left;

    width: 100%;

    line-height: 40px;

    margin-top: 10px;

    margin-bottom: 10px;

}

div#descriptionp {

  float: left;

  width: 100%;

  border-bottom: 1px solid #d2d2d2;

  margin-bottom: 15px;

  padding-bottom: 15px;

}

div#postcopy {

    float: left;

    width: 100%;

    text-align: center;

    margin-top: 5px;

}

Parabéns: você adicionou com sucesso um plug-in ao seu site que exibe a contagem total de postagens publicadas no site BlogSpot do seu blogger. Vá e verifique seu blog e aproveite a contagem precisa do widget. O widget é automático para que você não precise se preocupar em atualizá-lo repetidamente.

Esperamos que este tutorial possa ser útil para você e que você possa usá-lo em seu próximo projeto. Este widget pode ser útil para que seus novos leitores saibam o quão úteis são as informações ou artigos que seu site cobriu. Se você gostou deste widget, faça-nos um favor e compartilhe-o com seus amigos no Facebook, Google ou Twitter.