Blogger: Novas expressões para templates Blogger

No dia 22 foi lançado algumas expressões que auxiliam na organização e customização de certas partes de um template Blogger.

Este artigo traz alguns conceitos de programação, não é recomendado que uma pessoa que possui um blog simples ou sem conhecimentos faça alterações em seu template, pois isto não é um tutorial, portanto qualquer mudança no seu template, a responsabilidade é toda do autor da alteração.
Faça Backup do modelo antes de qualquer alteração.

As expressões existem para poder determinar o que aparece em cada página visitada em seu blog, como por exemplo a página inicial, que normalmente apresenta vários posts, e a página de post apresenta um único post, infelizmente o Blogger não faz isso como mágica, mas sim tem a ajuda de cabeças pensantes por trás, os desenvolvedores.

Para facilitar certas tarefas nestes "controles" o Engenheiro de Software Luke Bjerring, nos trouxe uma ótima notícia, alguns aditivos inclusos no Blogger com adições de mais expressões, confira.

Expressões conhecidas:

Era de fato comum, o conhecimento dessas expressões:

+ Adiciona ou concatena Valores (soma ou concatenação)

- Subtrai valores (subtração)

!= e == Checa igualdade (Diferente e Igual)

<, >, <= e >= Compara valores (menor, maior, menor ou igual que, maior ou igual que)

Novas expressões:

! ou not Inversão de true/false (negação)
ex. <b:if cond='!data:post.allowComments'>...

?: Se a operação apresentada, retorna o primeiro elemento, se for falso, retorna o segundo, é conhecido como IF de uma linha ou operador Ternário.
ex. <a expr:class='data:post.allowComments ? "comments" : "no-comments"' ...
... PS.: Isso deve ser muito útil!

in/contains Constata se o objeto existe dentro de um determinado array ou conjunto de dados
ex. <b:if cond='data:blog.pageType in {"index", "archive"}'>...

and e or Combina condicionais
ex. <b:if cond='data:blog.pageType == "index" and data:post.allowComments'>...

() Assim como na matemática, força que a parte envolvida com () seja executado primeiro.
ex. <div expr:style='"max-width: " + (data:width + 10) + "px;"'>...

Para completar segue o manual completo em inglês: the help article. Você que está lendo e teve alguma ideia sobre o que fazer com os novos códigos, deixe nos comentários =D
Vou tentar implementar e auxiliar nas ideias compartilhando as novidades no blog. Boa programação!

Este artigo é uma tradução do artigo publicado em 22/05/2016 em: https://blogger.googleblog.com/2015/05/adding-new-expressions-to-blogger.html

Gadget: CommentsOrdener - Para ordenar os comentários no blogger

Hoje retorno a escrever para o Blogger, devido à vários projetos e desenvolvimentos paralelos que tinha que resolver, ainda tenho, mas vou dar uma atenção à vocês, que apesar do tempo fora estão aqui ainda aguardando uma postagem nova.

Essa vai exclusivamente para donos de blogs na plataforma blogger e quem queira aproveitar o script.
Antes de tudo, gostaria de deixar avisado que não permito que o script seja veiculado por outro site/blog, sendo de total responsabilidade do infrator. Ao invés disso, compartilhe o link no seu blog/site. Respeitando o direito autoral.

A necessidade surgiu revendo algumas postagens antigas, onde o número de comentários ocasiona uma certa desconfiança do visitante, pois ao chegar na área dos comentários, o primeiro comentário é o mais velho, pensando assim que o blog é velho e não tem conteúdo atual, o que pode enganar muita gente.

Público Alvo:

  • Blogueiros que utilizam a plataforma Blogger;

Problemas encontrados:

  • Acima de 200 comentários o script só irá ordenar os comentários vistos na página, ou seja, se houver mais de 200 comentários infelizmente o script não ordenará.

Vantagens de se utilizar o script:

  • Nenhum conhecimento é necessário, basta inserir o gadget no blog;
  • Apresenta os comentários cujo resposta mais recentes em primeiro;
  • Ordena automaticamente por ordem decrescente assim que a página é carregada.
  • Oferece a troca da ordem por meio de um botão customizado.

Resultado Final

O resultado final vai ser este:

Dependências:

Dependências são as necessidades do script para que ele funcione normalmente.
Para tanto verifique se o seu blog já possúi caso o gadget não funcione após a instalação:
  1. Jquery;
  2. FontAwesome;

Instalar no meu blog

Para adicioná-lo ao seu blog Blogger, siga estas etapas:


  • Acesse o painel de controle do Blog que quer customizar
  • Vá até a página de customização de Layout
  • Selecione um dos links de "Adicionar um Gadget"


  • Selecione a opção "HTML/JavaScript".
  • Copie o texto abaixo:

<style>
#autorgadgetordenercomments{
float: right;
font-size:smaller;
text-decoration: none;
}

#btnorderasc{
cursor: pointer;
border:1px solid #ccc;
border-radius: 5px;
clear:both;
padding: 5px;
display:block;
}

#btnorderasc:hover{
background-color:#eee;
}

#btnorderasc > span{
display: inline-block;
padding: 5px;
}
#btnorderasc > span.active{
font-weight:bolder;
background-image: linear-gradient(to top,#4399cd,#727272);
  box-shadow: inset 0 1px 6px rgba(41, 41, 41, 0.2),
                    0 1px 2px rgba(0, 0, 0, 0.05);
  color: #E6E6E6;
  border-color: transparent;
  text-shadow: 0 1px 1px rgba(40, 40, 40, 0.75);
  border-radius: 3px;
}
#btnorderasc > span.notactive{
font-weight:normal;
}
</style>
<script>
function comentariosasc(){
// @Author: Daniel Ikeda
// @Author_url: indiceblogger.blogspot.com
var comentarios = $('#comment_block > div');
var active = $('#btnorderasc > span.active');
var notactive = $('#btnorderasc > span.notactive');

$(active).addClass('notactive').removeClass('active');
$(notactive).addClass('active').removeClass('notactive');

$("#comment_block").hide("slow");
$('#comment_block').html();
for(i = comentarios.length -1; i >= 0 ;i--){
$('#comment_block').append($(comentarios[i]));
}
$("#comment_block").show("slow");
}
function readyFn(){
// criar botões para mudar o padrão do filtro.
$("#comments").prepend("<br><span id='btnorderasc'>Ordenar: <i class='fa fa-filter'></i> <span class='desc notactive'>Desc</span><span class='asc active'>Asc</span><span id='autorgadgetordenercomments'><a target='_blank' href='http://www.indiceblogger.blogspot.com' title='Author: Daniel Ikeda'>by @dfikeda</a></span></span>");
comentariosasc();
$("#btnorderasc").click(comentariosasc);
}
$(document).ready(readyFn);
</script>

  • NÃO recomendo a inserção de um título, não há necessidade.
  • Cole no campo "Conteúdo" e clique em "Salvar" .


  • Pronto, carregue alguma postagem do seu blog para ver como ficou.

Deixe seu comentário sobre o Gadget, se gostar por favor, compartilhe pois assim como me ajudou, pode ajudar outras pessoas também. Obrigado.

FAQ: Vestibulinho Etec

Respondendo à todas as suas dúvidas.

Aqui temos algumas perguntas feitas no blog referente ao Vestibulinho da Etec.
Reunimos as perguntas mais frequêntes para ajudá-los em suas dúvidas, antes de fazer qualquer comentário pesquise neste FAQ.

O que devo estudar para passar no vestibulinho da Etec?
No geral, deve estudar todas as matérias.
Para saber mais detalhadamente o que estudar, clique aqui.

Estou no 1º ano do Ensino Médio, posso me inscrever para um curso Técnico?
Se a prova do Vestibulinho for para o Primeiro Semestre do ano que vem:
SIM, pois estará no 2º ano do Ensino Médio, o que lhe garante direito de fazer a matrícula.

Se a prova do Vestibulinho for para o Segundo Semestre deste ano:
NÃO, pois ainda estará no 1º ano do Ensino Médio, o que não lhe garante direito de fazer a matrícula.

Estou no 1º ano do Ensino Médio em outra escola, posso me inscrever para o Ensino Médio?
SIM, mas a decisão fica com o responsável, pois teria que regredir um ano (começar do 1º ano).
Pode também optar pela prova de "vagas remanescentes".
Para saber mais sobre vagas remanescentes ligue ou vá até a Etec de sua escolha.


Este FAQ está em desenvolvimento.
Caso encontre algum erro, por favor, faça seu comentário abaixo.
Comentários não pertinentes à este FAQ serão deletados.

Vestibulinho Etec: Primeiro Semestre de 2016

Datas confirmadas para as inscrições do Vestibulinho das Escolas Técnicas de São Paulo para o 1º Semestre de 2016.



Todos os cursos do Ensino Médio, Ensino Técnico e Técnico modalidade EAD (ensino a distancia), são gratuitos, sendo apenas necessário o pagamento de uma taxa de inscrição para a realização da prova.
Normalmente são reservadas 40 vagas para cada turma dos cursos Técnicos e TELETEC (EAD) e 35 vagas para cada turma do Ensino Médio (Salvo exceções).

» Prepare-se para a prova, clique aqui e veja como é fácil!!

A maioria dos cursos técnicos tem duração de 1 ano e meio, com exceção de alguns cursos, tal como o de Manutenção de Aeronaves da Etec Alberto Santos Dumont - Guarujá - onde a duração é de 3 anos e que prepara o aluno para as provas da ANAC - Agência Nacional de Aviação Civil.

Encontre aqui a programação para o Processo Seletivo Vestibulinho 1º SEM/16.


INGRESSO PARA:

  • Ensino Médio
  • Ensino Técnico
    • Presencial, Semipresencial e On-line modalidade EAD (Educação a Distância) – 1º Módulo
    • Acesso às vagas remanescentes - 2º módulo (presencial)
    • Integrado ao Médio – 1ª Série
    • Integrado ao Médio na Modalidade de Jovens e Adultos (Eja) – 1ª Série
    • Integrado ao Médio do Programa Vence – 1º Série
  • Cursos de Especialização
  • CALENDÁRIO PROCESSO SELETIVO VESTIBULINHO

  • De 06/10 até às 15h do dia 10/11/15 - Inscrições do Processo Seletivo no site www.vestibulinhoetec.com.br
  • 08/12/15 - Divulgação dos locais de Exame
  • 13/12/15, às 13h30min - Exame
  • 13/12/15 (domingo), a partir das 18h - Divulgação do gabarito oficial no site www.vestibulinhoetec.com.br
  • 14/12/15 (segunda-feira), a partir das 14h – Divulgação do gabarito oficial para acesso as vagas remanescentes de 2º módulo no site www.vestibulinhoetec.com.br.
  • 15/12/15 (terça-feira), a partir das 14h – Divulgação do gabarito oficial dos Cursos de Especialização (somente nas Etecs).
  • A partir de 06/01/16 - Divulgação da lista de classificação geral para os cursos técnicos com prova de aptidão
  • A partir de 14/01/16 - Divulgação da lista de classificação geral dos demais cursos
  • 18 e 19/01/16 - Divulgação da 1ª lista de convocação e matrícula
  • 20 e 21/01/16 - Divulgação da 2ª lista de convocação e matrícula
  • 22/01/16 - Divulgação da 3ª lista de convocação e matrícula
  • 25/01/16 - Divulgação da 4ª lista de convocação e matrícula
  • 26/01/16 - Divulgação da 5ª lista de convocação e matrícula

  • Valor da taxa de inscrição
    R$ 30,00 (trinta reais)

    Provas e Gabaritos Anteriores:



  • O que você precisa Saber:

    • - Fique de olho nas datas, se o dia de sua matricula for hoje e amanhã e, você faltar, infelizmente perderá o direito de realizar a matricula.
    • - Não há nenhuma taxa mensal, como dito anteriormente, os cursos são gratuitos!
    • - No momento não há possibilidade de fazer para mais de um curso, já que a prova é no mesmo dia e horário.
    • - Vamos supor que tenha ficado em 50º lugar no vestibulinho para o curso escolhido (aquele que tem 40 vagas), não deprima, você ainda tem chances de entrar na 2ª, 3ª, 4ª ou 5ª chamada, basta ficar de olho nas listas de chamada afixadas nas unidades, nas datas de matricula.
    • - A listagem de classificação não significa que passou, nem mesmo que conseguiu entrar, confira na unidade onde vai estudar as datas de matricula, assim como manda o manual do candidato.
    Mais detalhes podem ser obtidos no site do vestibulinho: www.vestibulinhoetec.com.br
    Vá se preparando, escolha a unidade que vai estudar e o curso clicando aqui.

    Acha que está preparado para a prova? Clique aqui e confira!

    Não esqueça de tirar dúvidas no campo de perguntas.
    O intuito aqui é auxiliar ao máximo para que novos alunos tenham qualidade na educação.
  • Vestibulinho Etec: Segundo Semestre de 2013

    Datas confirmadas para as inscrições do Vestibulinho das Escolas Técnicas de São Paulo para o 2º Semestre de 2013.

    Todos os cursos do Ensino Médio, Ensino Técnico e Técnico modalidade EAD (ensino a distancia), são gratuitos, sendo apenas necessário o pagamento de uma taxa de inscrição para a realização da prova.
    Normalmente são reservadas 40 vagas para cada turma dos cursos Técnicos e TELETEC (EAD) e 35 vagas para cada turma do Ensino Médio.

    » Prepare-se para a prova, clique aqui!!

    A maioria dos cursos técnicos tem duração de 1 ano e meio, com exceção de alguns cursos, tal como o curso de Manutenção de Aeronaves da Etec Alberto Santos Dumont - Guarujá - onde a duração é de 2 anos e meio e que prepara o aluno para as provas da ANAC - Agência Nacional de Aviação Civil.

    Encontre aqui a programação para o Processo Seletivo Vestibulinho 2º SEM/13.

    INGRESSO PARA:

    • Ensino Técnico (Presencial)
    • Ensino Técnico (Semipresencial) modalidade EAD (Educação a Distância)
    • Ensino Técnico (Presencial) – acesso as vagas remanescentes de 2º módulo

    CALENDÁRIO PROCESSO SELETIVO VESTIBULINHO

    • De 23/04 até às 15h do dia 16/05/13 - Inscrições do Processo Seletivo
    • 10/06/13 - Divulgação dos locais de Exame
    • 16/06/13 (domingo), às 13h30min - Exame
    • 16/06/13 (domingo), a partir das 18h - Divulgação do gabarito oficial para o 1º módulo - para os cursos do Ensino Técnico (presencial ou semipresencial)
    • 17/06/13 (segunda-feira), a partir das 14h – Divulgação do gabarito oficial para avaliação e certificação de competências para acesso às vagas remanescentes de 2º módulo.
    • 04/07/13 - Divulgação da lista de convocação dos candidatos inscritos para os Cursos de Técnico em Dança, Técnico em Regência e de Técnico em Canto.
    • 15/07/13 - Divulgação da lista de classificação geral para os candidatos inscritos nos demais Cursos
    • 16 e 17/07/13 - Divulgação da 1ª lista de convocação e matrícula
    • 18 e 19/07/13 - Divulgação da 2ª lista de convocação e matrícula
    • 22/07/13- Divulgação da 3ª lista de convocação e matrícula
    • 23/07/13 - Divulgação da 4ª lista de convocação e matrícula
    • 24/07/13- Divulgação da 5ª lista de convocação e matrícula
    Valor da taxa de inscrição
    R$ 25,00 (vinte e cinco reais)

    Provas e Gabaritos Anteriores:

    1º semestre de 2013


  • 1º semestre de 2013 - Acesso as vagas remanescentes do 2º módulo



    O que você precisa Saber:

    • - Fique de olho nas datas, se o dia de sua matricula for hoje e amanhã e, você faltar, infelizmente perderá o direito de realizar a matricula.
    • - Não há nenhuma taxa mensal, como dito anteriormente, os cursos são gratuitos!
    • - No momento não há possíbilidade de fazer para mais de um curso, já que a prova é no mesmo dia e horário.
    • - Vamos supor que tenha ficado em 50º lugar no vestibulinho para o curso escolhido (aquele que tem 40 vagas), não deprima, você ainda tem chances de entrar na 2ª, 3ª, 4ª ou 5ª chamada, basta ficar de olho nas listas de chamada afixadas nas unidades, nas datas de matricula.
    • - A listagem de classificação não significa que passou, nem mesmo que conseguiu entrar, confira na unidade onde vai estudar as datas de matricula, assim como manda o manual do candidato.
    Mais detalhes podem ser obtidos no site do vestibulinho: www.vestibulinhoetec.com.br
    Vá se preparando, escolha a unidade que vai estudar e o curso clicando aqui.

    Acha que está preparado para a prova? Clique aqui e confira!
  • Vestibulinho Etec: Primeiro Semestre de 2013

    Datas confirmadas para as inscrições do Vestibulinho das Escolas Técnicas de São Paulo para o 1º Semestre de 2013.

    Todos os cursos do Ensino Médio, Ensino Técnico e Técnico modalidade EAD (ensino a distancia), são totalmente gratuitos, sendo apenas necessário o pagamento de uma taxa de inscrição de R$ 25,00 (vinte e cinco reais) para a realização da prova.
    Normalmente são reservadas 40 vagas para cada turma dos cursos Técnicos e TELETEC (EAD) e 35 vagas para cada turma do Ensino Médio.

    » Prepare-se para a prova, clique aqui!!

    A maioria dos cursos técnicos tem duração de 1 ano e meio, com excessão de alguns cursos, tal como o curso de Manutenção de Aeronaves da Etec Alberto Santos Dumont - Guarujá - onde a duração é de 2 anos e meio e que prepara o aluno para as provas da ANAC - Agência Nacional de Aviação Civil.

    A partir de 28/09 até às 15h do dia 25/10/12
    De acordo com a portaria públicada no DOE de SP, as inscrições serão reabertas durante o período de:
    30/10 até às 15 horas do dia 05/11/2012.


    Encontre aqui a programação para o Processo Seletivo Vestibulinho 1º SEM/13.


    • De 28/09 até às 15h do dia 25/10/12 - Inscrições do Processo Seletivo – taxa R$ 25,00
    • A partir de 26/11/12 - Divulgação dos locais de Exame
    • 2/12/12, às 13h30min - Exame
    • 2/12/12, a partir das 18h - Divulgação do gabarito oficial
    • A partir de 09/01/2013 - Divulgação da lista de classificação geral para os cursos técnicos com prova de aptidão
    • A partir de 16/01/2013 - Divulgação da lista de classificação geral dos demais cursos técnicos
    • 21 e 22/01/2013 - Divulgação da 1ª lista de convocação e matrícula
    • 23 e 24/01/2013 - Divulgação da 2ª lista de convocação e matrícula
    • 28/01/2013 - Divulgação da 3ª lista de convocação e matrícula
    • 29/01/2013 - Divulgação da 4ª lista de convocação e matrícula
    • 30/01/2013 - Divulgação da 5ª lista de convocação e matrícula

    • Provas e Gabaritos Anteriores:
    • 1º semestre de 2012
    • 2º semestre de 2011
    • 1º semestre de 2011
    • 2º semestre de 2010
    Valor da taxa de inscrição
    R$ 25,00 (vinte e cinco reais), para todos os cursos


    O que você precisa Saber:

    • - Fique de olho nas datas, se o dia de sua matricula for hoje e amanhã e, você faltar, infelizmente perderá o direito de realizar a matricula.
    • - Alguns cursos tem algumas exigências como, ter 17 anos no ato da matricula ou em data específica( caso comum no curso de Manutenção de Aeronaves da Etec Alberto Santos Dumont - Guarujá e alguns outros cursos).
    • - Não há nenhuma taxa mensal, como dito anteriormente, os cursos são gratuitos!
    • - No momento não há possíbilidade de fazer para mais de um curso, já que a prova é no mesmo dia e horário.
    • - Vamos supor que tenha ficado em 50º lugar no vestibulinho para o curso escolhido (aquele que tem 40 vagas), não deprima, você ainda tem chances de entrar na 2ª, 3ª, 4ª ou 5ª chamada, basta ficar de olho nas listas de chamada afixadas nas unidades, nas datas de matricula.
    • - A listagem de classificação não significa que passou, nem mesmo que conseguiu entrar, confira na unidade onde vai estudar as datas de matricula, assim como manda o manual do candidato.
    Mais detalhes podem ser obtidos no site do vestibulinho: www.vestibulinhoetec.com.br
    Vá se preparando, escolha a unidade que vai estudar e o curso clicando aqui.

    Acha que está preparado para a prova? Clique aqui e confira!
    Gabarito da prova do Vestibulinho da ETEC

    Gabarito da prova do Vestibulinho da ETEC

    Confira o seu gabarito da prova do Vestibulinho 2º Semestre de 2012 clicando na imagem:


    Estas são as 5 últimas provas e Gabaritos oficializados pelo Centro Paula Souza, para quem quiser degustar um pouco =)