Widget de postagens mais comentadas para blogger
Olá, amigos! Hoje trazemos um lindo tutorial que explicará como colocar Widget de postagens mais comentadas no blogger. Ou seja, sem qualquer postagem sua receber bastante comentários, ela ficará em primeiro e assim sucessivamente.
Se você deseja te essa funcionalidade em seu site, basta seguir o tutorial abaio e ser feliz.
Passo é bem simples. Basta ir até o painel do blogger > Layout > Acionar um Gadget > HTML/Javascript. Em seguida, copie o código abaixo dentro.
<style> .commentbubble { background: #FC4E4E; width: 49px; float: left; margin: 2px 20px 35px 0px; font-weight: bold; font-size: 1.3em; text-align: right; padding: 5px; text-align: right; color: #FFF; position: relative; top: 5px; } .commentbubble:after{ position:absolute; font-family: FontAwesome; content: "\f04b"; color: rgb(252, 78, 78); } </style> <script type="text/javascript"> function getYpipePP(feed) { document.write('<ul style="list-style:none; ">'); var i; for (i = 0; i < feed.count ; i++) { var href = "'" + feed.value.items[i].link + "'"; var pTitle = feed.value.items[i].title; var pComment = + feed.value.items[i].commentcount; var pList = '<li style="clear:both; border: 1px solid rgb(216, 216, 216);padding: 6px; line-height:2em; "> <div class="commentbubble">' +pComment + "  </div>" + "<a href="+ href + '" target="_blank">' + pTitle ; document.write(pList); //to remove comment count delete this line document.write('</a></li>'); } document.write('</ul>'); } </script> <script src="http://pipes.yahoo.com/pipes/pipe.run? YourBlogUrl=http://www.baixartemplatesblogger.com.br &ShowHowMany=6 &_id=390e906036f48772b2ed4b5d837af4cd &_callback=getYpipePP &_render=json" type="text/javascript"></script>
Substitua http://www.baixartemplatesblogger.com.br com a URL de seu blog. Caso queira mudar a quantidade, altere: ShowHowMany=6