Na moda e muito linda, na onda retro, essas fontes imitando giz, dao um toque especial, com ar de feito a mao em plaquinhas, tags e o que mais que sua criatividade mandar.Baixe as fontes, descompacte no seu programa de edicao e maos a obra.Clique aqui. DEMO DEMO Um excelente tutorial para dar um ar mais profissional a seu blog. Sao as postagens do Blogger em forma de grade. Dao uma sintetizada em seu blog, fazendo com que o leitor tenha um apanhado de suas postagens, sem parecer cansativo ou desgastante, alem da economia de espaco...O hack foi desenvolvido pelo blog HelploggerVa ate o "Modelo de seu blog", clique em "Editar HTML" Procure por </head> e acima dele cole o codigo abaixo.<script type='text/javascript'>posts_no_thumb_sum = 100;posts_thumb_sum = 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, pURL, pTITLE){var div = document.getElementById(pID);var imgtag = "";var img = div.getElementsByTagName("img");var summ = posts_no_thumb_sum;if(img.length>=1) {imgtag = '<span class="posts-thumb" style="float:left; margin-right: 10px;"><a href="'+ pURL +'"><img src="'+img[0].src+'" /></a></span>';summ = posts_thumb_sum;}else {imgtag = '<span class="posts-thumb" style="float:left; margin-right: 10px;"><a href="'+ pURL +'" title="'+ pTITLE+'"><img src="http://2.bp.blogspot.com/-Gbn3dT1R9Yo/VPXSJ8lih_I/AAAAAAAALDQ/24wFWdfFvu4/s1600/sorry-image-not-available.png" style="margin-top: -30px;" /></a></span>';summ = posts_thumb_sum;}var summary = imgtag + '<a href="'+ pURL +'"><div class="post-summary-text">' + removeHtmlTag(div.innerHTML,summ) + '</div></a>';div.innerHTML = summary;}//]]></script>Salve!Agora clique em CTRL +F e procure pelo seguinte codigo: <data:post.body/>Pode ser que voce encontre este codigo 3 vezes em seu template. Substitua apenas o segundo e o terceiro codigo.<b:if cond='data:blog.pageType != &quot;static_page&quot;'> <b:if cond='data:blog.pageType != &quot;item&quot;'> <div expr:id='&quot;summary&quot; + data:post.id'> <data:post.body/> </div> <script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;,&quot;<data:post.url/>&quot;);</script> <b:if cond='data:post.allowComments'> <a class='comment-bubble' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'> <data:post.numComments/> </a> </b:if> </b:if></b:if><b:if cond='data:blog.pageType == &quot;item&quot;'> <data:post.body/></b:if><b:if cond='data:blog.pageType == &quot;static_page&quot;'> <data:post.body/></b:if>Salve!Agora escolha o modelo de seu agrado e acima de </head> cole o codigo ao qual voce quer como modelo de postagens.<b:if cond='data:blog.pageType != &quot;static_page&quot;'><b:if cond='data:blog.pageType!= &quot;item&quot;'><style>#blog-pager {clear:both;}.post {height:auto;width:31%;display:inline-block;text-decoration:none;float:left;margin:0 1.1% 2%;padding:0!important;}h3.post-title a {font-size:95%;font-family: &#39;Open Sans Condensed&#39;, sans-serif;text-transform:uppercase;color:#fff;padding:0;text-shadow: 2px 2px 3px #222;}h3.post-title {height: 22px;text-align:center;position:absolute;top:1%;width:100%;z-index:101;overflow:hidden;margin:0!important;padding:10px 0;}.date-header {visibility:hidden;height:0!important;width:0!important;margin:0!important;padding:0!important;}.posts-thumb {width:100%!important;height:190px!important;overflow:hidden;clear:both;}.post-body {border-radius:2px;box-shadow:0 5px 4px 1px rgba(0,0,0,0.1);position:relative;overflow: hidden;}.post-body a {text-decoration: none;}.post-body img {display:block;width:100%!important;height:auto!important;max-width:800px!important;max-height:400px!important;min-width:190px!important;min-height:190px!important;border:none;outline:none;position:relative;margin: 0px;padding:0;}.post-summary-text {cursor: pointer;background-color: rgba(44, 77, 163, 0.8);color:#fff;font-size:120%!important;font-family: &#39;Open Sans Condensed&#39;, sans-serif;clear:both;overflow:hidden;padding:25% 10% 0%;left: 0;position: absolute;text-align: center;vertical-align: bottom;text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);top: 0;transform: scale(1);opacity: 0;z-index: 10;height: 100%;transition: all 300ms ease-out 0s;}.post-summary-text:hover {opacity: 1;}a.comment-bubble {color:#fff;text-decoration:none;font-size:100%;width: 100%;text-align: center;position:absolute;top:165px;left: 0px;text-shadow:1px 2px 1px #333;font-family: &#39;Pacifico&#39;, cursive;z-index: 122;}a.comment-bubble:before {content: &quot;Comments: &quot;;}.post-header,.post-footer {display:none;}</style></b:if></b:if><link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'/><link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'/>Salve!Mais modelos pegue na pagina oficial do desenvolvedor clicando aqui Nao sei sobre o que e seu blog. Pode ser que seja sobre vendas e se torne necessario muitas vezes que se link o numero do telefone, ja que mais da metade da populacao usa internet atraves do celular,. Eis entao o codigo que podera ser aplicado a sidebar, ao post ou mesmo ao layout desde que seja aplicado no modo HTML.<a href="tel:NUMERO DO TELEFONE AQUI COM O DDD" style="font-weight: normal;"><b><span style="font-size: x-small;">REPETIR AQUI O NUMERO DO TELEFONE COM O DDD</span></b></a>Voce pode tambem linkar o numero a uma imagem, como fiz. Basta copiar o codigo abaixo e proceder da mesma forma.<a href="tel:NUMERO DO TELEFONE AQUI COM O DDD"><img src="ENDERECO DA IMAGEM" alt="" border="0" /></a>Clique em