Ex:((transformacao de letras para maiusculas))TesteEx2:((transformacao de letras para minusculas))TesteEx3:((transformacao da primeira letra de todas as palavras em maiuscula e o resto em minuscula))TesteCodigo 'text-transform'text-transform: uppercase;text-transform: lowercase;text-transform: capitalize;Explicacaotext-transform: uppercase;9(MAISUSCULA))text-transform: lowercase;((minuscula))text-transform: capitalize;((Primeira Letra De Todas As Palavras Maiusculas)) Boa-tarde galera! Venho com um tutorial muito util e simples, trata-se do menu dropdown. Este menu, para quem nao conhece e o mesmo que uso no topo do site. Sem bla bla bla, vamos la.Procure por</head>Copie e cole este codigo acima da tag encotrada<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.js' type='text/javascript'/> <script type='text/javascript'> //<![CDATA[var timeout = 500; var closetimer = 0; var ddmenuitem = 0;function jsddm_open() { jsddm_canceltimer(); jsddm_close(); ddmenuitem = $(this).find('ul').css('visibility', 'visible');}function jsddm_close() { if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');}function jsddm_timer() { closetimer = window.setTimeout(jsddm_close, timeout);}function jsddm_canceltimer() { if(closetimer) { window.clearTimeout(closetimer); closetimer = null;}}$(document).ready(function() { $('#jsddm > li').bind('mouseover', jsddm_open) $('#jsddm > li').bind('mouseout', jsddm_timer)});document.onclick = jsddm_close; //]]> </script>Agora procure por]]></b:skin>depois de encontrado, este codigo acima a tag encontrada#jsddm {margin: 0;padding: 15px;z-index:1000000000;position:relative;}#jsddm li {float: left;list-style: none;font: 12px Tahoma, Arial;}#jsddm li a {white-space: nowrap;margin:1px 3px;color:#002a37;text-shadow:#7eb8ca 1px 1px 0px;background: -webkit-gradient(linear, left top, left bottom, from(#1a7796), to(#40a0bb));background: -moz-linear-gradient(top, #1a7796, #40a0bb);border-left: 1px solid #18596f;border-right: 1px solid #18596f;border-bottom: 1px solid #18596f;border-top: 1px solid #68b4c9;padding: 1px 6px;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;font-size: 11px;font-family: Helvetica, Arial, Sans-Serif;vertical-align: middle;}#jsddm li a:hover {background: -webkit-gradient(linear, left top, left bottom, from(#161616), to(#202020));background: -moz-linear-gradient(top, #161616, #202020);border-left: 1px solid #161616;border-right: 1px solid #161616;border-bottom: 1px solid #161616;border-top: 1px solid #343434;box-shadow: #000 0px 0px 1px solid;color:#fff;text-shadow:#000 1px 1px 2px;text-decoration:underline;}#jsddm li ul {margin-top:5px;padding: 2px 0px 2px 0px;position: absolute;visibility: hidden;float:left;background: #fff;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;border: 1px solid #f1f1f1;}#jsddm li ul li {float: none;display: inline;}#jsddm li ul li a {width: auto;background: -webkit-gradient(linear, left top, left bottom, from(#40a0bb), to(#1a7796));background: -moz-linear-gradient(top, #40a0bb, #1a7796);border-left: 1px solid #18596f;border-right: 1px solid #18596f;border-bottom: 1px solid #18596f;border-top: 1px solid #68b4c9;transition:none;-webkit-transition:none;-moz-transition:none;-o-transition:none;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;color:#002a37;text-shadow:#7eb8ca 1px 1px 0px;float:left;}#jsddm li ul li a:hover {background: -webkit-gradient(linear, left top, left bottom, from(#fdebae), to(#fdebae));background: -moz-linear-gradient(top, #fdebae, #fdebae);border:1px solid #585245;text-shadow: #fff8e0 1px 1px 0px;color: #9e660d;transition:none;-webkit-transition:none;-moz-transition:none;-o-transition:none;}Salve o modelo. Apos terminar, use o codigo abaixo para adicionar o menu onde deseje<ul id='jsddm'><li><a href='/#home'>Home</a><li><a href=''>Menu Principal</a><ul><li><a href='/#'>Teste 1</a></li><li><a href='/#'>Teste 2</a></li><li><a href='/#'>Teste 3</a></li><li><a href='/#'>Teste 4</a></li></ul></li><li><a href=''>Teste 3</a><ul><li><a href='/#'>Teste 1</a></li><li><a href='/#'>Teste 2</a></li><li><a href='/#'>Teste 3</a></li><li><a href='/#'>Teste 4</a></li></ul></li></ul> Bom gente, um simples tutorial a voces, mas muito eficiente as vezes, entao, nao e bem editar botao "Participar deste site", e criar um botao para seguir o site/blog, sem que apareca os seguidores, como no menu esquerdo da AnimeWelfDesign, esse tutorial e muito simples, mas voces tem de presta atencao na hora de faze-lo. Vamos la.Primeiro, crie a imagem, mas se voces preferirem, podem tambem usar texto, eu irei usar um texto como exemplo, identificado como "Seguir este site", olhem<a href="http://www.blogger.com/follow-blog.g?blogID=7897190147248483600" title="Siga-nos!">Seguir este site</a>Este acima, e apenas um EXEMPLO, pare editar e por de seu site/blog, basta pegar o codigo abaixo, e no lugar do XXXXXXXXXXXXXXXXXXX, voces devem entrar no painel do site e ir em Configuracoes, e no URL da pagina, vai estar parecido com o codigo abaixo, e onde estiver X', no seu URL vai ter numeros, copie este numero, e cole no lugar do XXXXXXXXXXXXXXXXXXX.<a href="http://www.blogger.com/follow-blog.g?blogID=XXXXXXXXXXXXXXXXXXX" title="Siga-nos!">Seguir este site</a>Pronto, esta feito, mas se quiser botar imagem, e simples, no lugar do texto "Seguir este site",