terça-feira, 2 de julho de 2013

Como colocar widgets de "Postagens recentes" e de "Comentários recentes" no Blogger

Os widgets que eu usava para  "Postagens recentes" e  "Comentários recentes" não estavam mais funcionando nem aqui no Crazyseawolf's nem no Dorgas on Fire e tive que retirá-los. Agora com as férias escolares, arranjei tempo para descobrir o quê aconteceu.

Na  verdade o problema estava no Google Sites, onde eu hospedava os arquivos .js e a  solução foi usar o Google Drive para hospedá-los.

- Aprenda aqui como hospedar sites no Google Drive
- Aprenda aqui como hospedar CSS e scripts no Google Drive

Os scripts usados são velhos conhecidos pela web e foram criados por Hans Oosting entre os anos de 2006 e 2007 e que foram "repipocados" pela web, sendo que eu os peguei anos atrás no blog Beautiful Beta, e usam json (Eu odeio jQuery).

Quem quiser colocá-los, é só copiar e colar cada código abaixo em um gadget HTML/JavaScript (vá  em  painel de controle >> aba Layout >> clicar em Adicionar um gadget (onde quiser por os widgets) >> procurar por HTML/JavaScript. A vantagem deles é que você pode colocar a  quantidade que quiser, ao invés das limitações impostas no gadget Feed, que só permite apenas 5.

Widget de Postagens Recentes

<ul>
<script style="text/javascript" src="https://googledrive.com/host/0BwU7Ti8M_XCUZGhmZlRGdzRXMHM/recentposts.js">

</script>
<script style="text/javascript">
var numposts = 5;
var showpostdate = true;
var showpostsummary = true;
var numchars = 100;
var standardstyling = true;
</script>
<script src="http://crazyseawolf.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts">
</script>
</ul>

Observações:
Em [var numposts = 5;], você coloca a quantidade de posts a serem mostrados.
Em [var showpostdate = true;], você determina se quer ter a data do post, caso não queira, troque "true" por "false".
Em [var showpostsummary = true;], você determina se quer mostrar um resumo do post, caso não queira, troque "true" por "false".
Em [var numchars = 100;], você coloca o número de caracteres no resumo
Em [var standardstyling = true;], Você determina se segue os padrões de estilo das letras e cores do seu blog, caso não queira, troque "true" por "false".

Widget de Comentários recentes

<ul>
<script style="text/javascript" src="https://googledrive.com/host/0BwU7Ti8M_XCUX1RyQ1RrU0Y4b1k/recentcomments.js">
</script>
<script style="text/javascript">
var numcomments = 5;
var showcommentdate = false;
var showposttitle = true;
var numchars = 100;
var standardstyling = true;
</script>
<script src="http://crazyseawolf.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments">
</script>
</ul>

Observações:
Em [var numcomments = 5;], você coloca a quantidade de comentários a serem mostrados.
Em [var showcommentdate = false;], você determina se quer ter a data do comentário, caso queira, troque "false" por "true".
Em [var showpostsummary = true;], você determina se quer mostrar um resumo do comentário, caso não queira, troque "true" por "false".
Em [var numchars = 100;], você coloca o número de caracteres nos comentários.
Em [var standardstyling = true;], Você determina se segue os padrões de estilo das letras e cores do seu blog, caso não queira, troque "true" por "false".
Um detalhe, NÃO esqueça de trocar a URL do meu blog pela URL do seu blog, conforme indiquei nos dois códigos acima na cor vermelha!

Caso você queira hospedar os scripts em um outro servidor, disponibilizo eles no formato doc. Basta copiá-los e colá-los no bloco de notas, e depois renomear a extensão ".txt" em ".js". Infelizmente o Blogger ainda não permite o download de arquivos!

Artigos recentes

Linkem me:

Related Posts with Thumbnails
Google