Widget para Blogger com bolhas para Comentários

Posted by Admin on 17:30 with No comments


Contagem de post com numeros

Vamos aos passos
1-Abra o seu blog

2-Entre em layoul e adicione um HTML/javaScript
Copie este codigo e  coloque á dentro


<style>
/* ######### Comentários BGM ##########*/ 
.commentbubble { 
background: #292D30; 
width: 49px; 
float: left; 
margin: 2px 20px 35px 0px; 
font-weight: bold; 
font-size: 1.3em; 
text-align: right; 
font-family: georgia,Helvetica; 
padding: 0px 0px 5px 0px; 
text-align: right; 
color: #FFF; 
text-shadow: 4px 1px #202022; 
position: relative; 
top: 5px; 

} 
.commentbubble:after { 
content: ' '; 
position: absolute; 
width: 0; 
height: 0; 
right: 0px; 
top: 100%; 
border-width: 5px 8px; 
border-style: solid; 
border-color: #292D30 #292D30 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); 
top: 34px; 
right: 6px; 
}
</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; padding:10px 0px 30px 0px!important; border-bottom: 1px dashed #dedede; line-height:2em; "> <div class="commentbubble">' +pComment +  "&#160;&#160;</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://malandrotest.blogspot.com.br
&ShowHowMany=5 
&_id=390e906036f48772b2ed4b5d837af4cd 
&_callback=getYpipePP 
&_render=json" 
type="text/javascript"></script>



Alterações

Subistitua o url do malandrotest pelo seu blog
substitua o numero 5 por quantos comentário vão ser contados
SUBSTITUA O #292D30;   ELE IRÁ MUDA A COR DO BALÃO