Criei esta calculadora feita com HTML e Javas Script para que você possa usa-la como Gadget em seu blog ou site, é bem simples de usa-la (como uma calculadora qualquer) clique nos números que deseja calcular e depois nos sinais, para limpar a conta clique no botão C  |
| Azul |
 |
| Rosa |
 |
| Verde |
 |
| Preta |
 |
| Clara |
<script type="text/javascript" src="http://www.vincentcheung.ca/jsencryption/jsencryption.js"></script>Para usar em seu site ou blog, pode cola-lo antes da tag </head>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:if cond='data:blog.pageType == "archive"'>
<b:if cond='data:blog.pageType == "static_page"'>
<b:if cond='data:blog.url == "URL-DA-PÁGINA"'>
<b:if cond='data:blog.url != "URL-DA-PÁGINA"'>
<b:if cond='data:blog.url == "URL-DO-BLOG/search/label/NOME-DO-MARCADOR"'>
<b:if cond='data:blog.homepageUrl != "URL-DO-BLOG/search/label/NOME-DO-MARCADOR"'>
<b:include data='top' name='status-message'/>
2) Substitua este trecho por:
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
»
<a expr:href='data:label.url' rel='tag'>
<data:label.name/></a>
<b:if cond='data:label.isLast != "true"'/>
</b:loop>
»
<span class='post-title entry-title'>
<data:post.title/>
</span>
</b:if>
</b:loop>
</div>
</b:if>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<div class='breadcrumbs'><a expr:href='data:blog.homepageUrl'>Início</a> » Arquivos de <data:blog.pageName/>
</div>
</b:if>
<b:else/>
<b:if cond='data:navMessage'>
<div class='breadcrumbs'><a expr:href='data:blog.homepageUrl'>
Início</a> » Posts do Marcador: <a expr:href='data:label.url' rel='tag'><data:blog.pageName/></a>
</div>
</b:if>
</b:if>
3) Se desejar, pode aplicar etilos. procure por ]]></b:skin> e acima dele cole este trecho:
#breadcrumbs {
font-size: 92%;
padding:5px;
line-height: 1.4em;
}
Agora você pode mudar algumas coisas no código, o que está em Vermelho pode ser alterado
<!-- Resumo automático -->
<script type='text/javascript'>
summary_noimg = 330;
summary_img = 300;
img_thumb_height = 100;
img_thumb_width = 100;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+' [...]';
}
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>
<!-- Fim resumo automático -->
<!-- Resumo automático -->
<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/>
<b:else/>
<p><b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb
("summary<data:post.id/>");</script>
<span class='rmlink' style='float:right'><a expr:href='data:post.url'>Leia mais...</a>
</span></b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if></p>
</b:if>
<!-- Fim resumo automático -->
.rmlink a {Clique em Visualizar e se estiver tudo certo, clique em Salvar.
background: #6210b0; /* Cor do fundo*/
color: white; /* cor da fonte*/
padding: 3px;
}
.rmlink a:hover {
background: #2E0754; /* Cor do fundo selecionado */
}
/* Ícones Autor, Marcador e Comentários - tur-quesa.blogspot.com */
.post-author {/* Ícone do Autor do post*/
background:url(http://static.tumblr.com/726xof9/ESImisbtt/user.png) no-repeat left center;
padding-left:20px;
}
.post-labels { /* Ícone das categorias do post*/
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg352nyvhpLJ_LO6XMP5GCNGggkRlcULahQNyZjdkj8IM-gbEKliLhnfIWMdJffXqn0qA62tCbTGHR7ufs2QmBb9cHZhICCONMX0uNd-3pwddSGEfbXteZ2KBTqONSYmE2Jc_mXVJxoYFIj/s0/pink-label.png) no-repeat left center;
padding-left:20px;
}
.comment-link {/* Ícone do numero de comentários do post*/
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMYx5m2XfNS2xFLMtZ_hKVmTJ5bAmHPaZRpJc73xNKdq9B-m5A6lafylo8uVlIah4EXPB4Xgc_gXgkrxDB-utltidFQ2r6AuR09bOnY9lP2AhaHYgxQZzQ4nZoapr0Ejei6quSZB0q3HFF/s0/comment.png) no-repeat center left;
padding-left: 20px;
height: 20px;
float: right;
}
