Mais um tutorial a pedidos. Faca seu pedido de tutorial tambem, clique aqui.DownloadEsse botao serve para links de download, ou pra qualquer outro tipo de link, depende da sua imaginacao. Vamos comecar.Antes de prosseguir, e recomendavel que faca um backup completo do seu template.Cole o CSS que eu preparei acima da tag:]]></b:skin> Codigo CSS:download a{width:200px;background: #003366;overflow:auto; /* barra de rolagem*/border-radius: 6px 6px 6px 6px;-moz-border-radius: 6px 6px 6px 6px;-webkit-border-radius: 6px 6px 6px 6px;-khtml-border-radius: 6px 6px 6px 6px;text-shadow: #000 1px 1px 1px;color: #fff;font-size:10px; display:block;white-space:pre;text-align:center;word-wrap:break-word;padding:2px 5px 4px 5px;-moz-box-shadow: 0 0 5px #000;-webkit-box-shadow: 0 0 5px#000;box-shadow: 0 0 5px #000;}download a:hover{background: #333;color: #fff;}Com o CSS instalado, agora e so colocar o codigo abaixo na postagem que quiser:<center><download><a href="LINK-DO-DOWNLOAD">Download</a></download></center> Pronto. Voce pode editar o codigo CSS ao seu estilo, use sua criatividade! Bom e essa a Ferramenta que usaremos nesse tutorial e o Smudge ToolDuplique 3X a camadaVisualize a PrimeiraColoque com as medidas abaixo.E borre a imagem faca isso com a outra tambem dexa apenas a ultima sem.Depois na ultima coloque SubEXPOSICAO DE CORESPronto Fonte SF Aftershock Debis, achei legal elaFonte SF Aftershock Debis Bom, este tutorial e simples, aqui ensinarei a voce como adicionar os botoes de compartilhamento, em determinado local das postagens do Blogger.E recomendavel que voce faca um backup completo do seu template antes de prosseguir.Codigo dos botoes:<div style='margin-top: -18px; margin-left: 20px;'><b:if cond='data:blog.pageType == &quot;item&quot;'><div class='post-share-buttons'><b:include data='post' name='shareButtons'/></div></b:if></div>Se voce quer adicionar no rodape, cole o codigo abaixo da tag: <div class='post-footer'>Se voce quer adicionar na parte de cima dos posts (cabecalho), cole o codigo abaixo da tag:<div class='post-header-line-1'>Use margin-top e margin-left para definir a posicao dos botoes.Espero ter sido util, visite sempre a Design Fanmytsu. Bom galera, esse tutorial e sobre um efeito bem legal que cria uma rotacao animada em 3D na imagem quando voce passa o mouse sobre ela, com o uso apenas de CSS3, isso mesmo, nada de JavaScript.Um exemplo de como deve ficar:Visite sempre a Design Fanmytsu. Novidades todo dia.Para instalar esse efeito no seu template, e simples, siga os passos abaixo.E recomendavel que voce faca um backup de todo o seu template antes disso.1. Procure por: ]]></b:skin> 2. Acima disso, cole o codigo CSS a seguir:/*Efeito 3D Imagens-------------------------------------*/#r3d_container {position: relative;width: 300px; /* defina largura padrao da imagem */height: 250px; /* defina altura padrao da imagem */margin: 10px auto;z-index: 1;}#r3d_container { -webkit-perspective: 1000px; -moz-perspective: 1000px; -o-perspective: 1000px; perspective: 1000px;}#r3d_text { width: 100%; height: 100%; -webkit-transform-style: preserve-3d; -webkit-transition: all 1.0s linear; -moz-transform-style: preserve-3d; -moz-transition: all 1.0s linear; -o-transform-style: preserve-3d; -o-transition: all 1.0s linear; transform-style: preserve-3d; transition: all 1.0s linear;}#r3d_container:hover #r3d_text, #r3d_container.hover_effect #r3d_text { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg);-ms-transform:rotateY(180deg); -webkit-box-shadow: -5px 5px 5px #aaa; -moz-box-shadow: -5px 5px 5px #aaa; box-shadow: -5px 5px 5px #aaa;}.r3dface { position: absolute; width: 100%; height: 100%; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden;}.r3dface.back { display: block; -webkit-transform: rotateY(180deg); -webkit-box-sizing: border-box; -moz-transform: rotateY(180deg); -moz-box-sizing: border-box; -o-transform: rotateY(180deg); -o-box-sizing: border-box; transform: rotateY(180deg);-ms-transform:rotateY(180deg); box-sizing: border-box; padding: 10px; text-align: center; color: white; /*cor do texto*/ background-color: #aaa; /*cor de fundo*/}Pronto, o efeito ja esta instalado, agora, o codigo HTML, que e onde ficara a sua imagem e