A maioria dos sistemas de pontuacao que conhecemos sao para que os usuarios avaliem uma postagem, mas neste caso nao queremos a classificacao do usuario, mas do proprio autor. Por exemplo, alguns blogs fazem recomendacoes de filmes, livros, jogos, etc, e querem colocar a taxa de "qualidade" do que estao falando, e quando podemos usar um sistema de classificacao como este, para o autor colocar uma qualificacao na postagem do filme, livro, ou o que queira qualificar.O resultado sera assim:Neste sistema de classificacao, vamos depender apenas de sprites CSS, que tem a capacidade de exibir notas parciais, ou seja, podemos dar uma a cinco estrelas, ou uma estrela e meia, duas e meia, e assim por diante.A primeira coisa que vamos fazer e ir em Template | Editar HTML e colar antes de]]> </ b: skin> colar:/* Estrelas de avaliacao----------------------------------------------- */.val-fieldset {width:100px;border:none;font-weight:bold;font-size:12px;}.valoracion {width: 100px;height: 21px;display: block;0 0 no-repeat;}.val-0 {background-position: -100px -0;}.val-5 {background-position: -81px -21px;}.val-10 {background-position: -81px 0;}.val-15 {background-position: -61px -21px;}.val-20 {background-position: -60px 0;}.val-25 {background-position: -40px -21px;}.val-30 {background-position: -40px 0;}.val-35 {background-position: -21px -21px;}.val-40 {background-position: -21px 0;}.val-45 {background-position: 0 -21px;}.val-50 {background-position: 0 0;}E na sua postagem onde queira mostrar a qualificacao cole o seguinte:<fieldset class="val-fieldset"><legend>Classificacao:</legend><span class="valoracion val- 40 "></span></fieldset>O que esta em vermelho e a qualificacao que voce dara, neste caso sao 4 estrelas. Os valores sao multiplos de 5, onde 0 e nenhuma estrela, 5 meia estrela, 10 uma estrela, 15 uma estrela e meia, 20 duas estrelas, etc. ate o 50, que sao cinco estrelas. Nesse tutorial vamos adicionar no blogger um sistema que permite ter dois estilos de comentarios no blogger o do face book e do proprio blogspot de uma forma bem organizada, se voce quer dar a possibilidade de seus visitantes terem mais opcoes na hora de comentar nas suas postagens. Para que os sistema funcione voce vai precisar criar um aplicativo no facebook e pegar o numero "ID" para adicionar no codigo. 2Veja aqui : Como criar um aplicativo no facebookCom o aplicativo pronto, agora va em editar HTML expandir modelos de widgets Passo 1: Copie o codigo abaixo e cole acima de ]]></b:skin>.comments-page {background-color: #f2f2f2;}#blogger-comments-page {padding: 0px 5px;display: none;}.comments-tab { float: left; padding: 5px; margin-right: 3px; cursor: pointer; background-color: #f2f2f2;}.comments-tab-icon { height: 14px;width: auto;margin-right: 3px;}.comments-tab:hover { background-color: #eeeeee;}.inactive-select-tab { background-color: #d1d1d1;}Passo: 2 Copie o codigo abaixo e cole abaixo de </head> E adicione seu ID do aplicativo facebook.<script src='http://connect.facebook.net/pt_BR/all.js#xfbml=1'/><script src='http://code.jquery.com/jquery-latest.js'/><meta content='Adicione-o-codigo-aqui' property='fb:admins'/><script type='text/javascript'>function commentToggle(selectTab) {$(".comments-tab").addClass("inactive-select-tab");$(selectTab).removeClass("inactive-select-tab");$(".comments-page").hide();$(selectTab + "-page").show();}</script>No lugar do "Adicione-o-codigo-aqui" coloque o numero do seu aplicativo.Passo 3: Copie o codigo abaixo e cole abaixo de <div class='comments' id='comments'> <div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle("#fb-comments");' title='Comentarios no Facebook'><img class='comments-tab-icon' src='http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png'/><fb:comments-count expr:href='data:post.url'/> Comentarios</div><div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle("#blogger-comments");' title='Comentarios no Blogger'><img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/> <data:post.numComments/> Comentarios</div><div class='clear'/></div><div class='comments-page' id='fb-comments-page'><b:if cond='data:blog.pageType == "item"'><div id='fb-root'/><fb:comments expr:href='data:post.url' num_posts='3' width='450'/></b:if></div><div class='comments comments-page' id='blogger-comments-page'>Observacao: num_posts='3' referisse a o numero de comentarios visiveis na pagina altere como quiser o numero 4,5,7... de um CTRL+F para facilitar as buscas. Se quiser aumentar ou diminuir a largura troque o numero em frente a width, no caso esta 450.Obs: se o sistema de comentarios ficar desalinhado, coloque o primeiro codigo dentro do