Entre na pagina designer >> adicionar gadget >> html/javascript e coloque o codigo abaixo:<style type="text/css"> <!-- #barra-busca { width: 500px; height: 40px; background-image: url(pesquisa-fundo.jpg); background-repeat: no-repeat; background-position: center top; margin: 0px; } #form-busca { background: none; } #form-busca #sprocura{ height: 20px; width: 400px; margin-top: 8px; margin-left: 8px; color: #0000CC; border: 1px solid #000000; float: left; padding: 2px; background-color: #FFFF99; } #form-busca #bt-busca { height: 33px; width: 37px; background-image: url(pesquisa-botao.jpg); border: none; margin-top: 4px; float: right; cursor: pointer; background-repeat: no-repeat; background-position: left top; margin-right: 10px; } --> </style><br /> <div id="barra-busca"><FORM id="form-busca" method=GET action="http://www.google.com.br/search"><INPUT id="sprocura" TYPE=text name=q maxlength=255 value="O que voce procura?" /><br /> <input name=btnG type=submit id="bt-busca" value="" /><br /> <input type=hidden name=domains value="http://www.dicasparablogs.com.br"><input type=hidden name=sitesearch value="http://www.dicasparablogs.com.br"><br /> </FORM></div>Agora vamos mostrar como personalizar sua pesquisa no comeco do codigo tem a formatacao (cores, imagens de fundo, posicionamento) tudo isso feito em CSS, entao vamos por partes. Neste primeiro trecho temos imagem de fundo da pesquisa: #barra-busca {<br /> width: 500px;<br /> height: 40px;<br /> background-image: url(pesquisa-fundo.jpg);Para usar outra imagem voce precisa trocar o endereco da imagem(pesquisa-fundo.jpg) e alterar os valores width: 500px; e height: 40px; para o tamanho da imagem que esta usando as dimensoes da nova imagem.Nesta parte e a formatacao do campo de texto para digitar o que procuramos no site.#form-busca #sprocura{height: 20px;width: 400px;margin-top: 8px;margin-left: 8px;color: #0000CC;border: 1px solid #000000;float: left;padding: 2px;background-color: #FFFF99;}Aqui temos o botao usado na pesquisa.#form-busca #bt-busca {<br /> height: 33px;<br /> width: 37px;<br /> background-image: url(pesquisa-botao.jpg);Da mesma maneira que falamos para a imagem de fundo da pesquisa e para trocar a imagem do botao, hospede uma imagem, coloque o endereco dela no lugar onde esta pesquisa-botao.jpg e depois altere os valores 33px e 37 px com a largura e altura da imagem que esta usando agora. Hoje estarei mostrando o codigo da caixa de texto, bem muito usada para exibir codigos de banners. Sem mais delongas confiram abaixo: Codigo:<textarea rows="5" cols="50" style="background-color: #ffffff">ESCREVA AQUI O SEU TEXTOResultado: ESCREVA AQUI O SEU TEXTOLembrando que voce pode deixar a caixa de texto do tamanho que voce quiser. Galera hoje estarei mostrando como colocar o Passaro do twitter no seu blogProcure por:</body>Abaixo dessa linha cole o seguinte codigo:<script src="http://oloblogger.googlecode.com/files/tripleflap.js" type="text/javascript"></script> <br /> <script type="text/javascript"> var birdSprite='http://oloblogger.googlecode.com/files/birdsprite.png'; var targetElems=new Array('img','hr','table','td','div','input','textarea','button','select','ul','ol','li','h1','h2','h3','h4','p','code','object','a','b','strong','span'); var twitterAccount = 'http://twitter.com/coloque aqui o seu twitter'; var twitterThisText =''; tripleflapInit(); </script><br /> <br /> <br /> <br />Onde estiver escrito coloque aqui o seu twitter voce vai colocar o seu twitter e salvar.E depois visualize seu blog.Resultado: Galera e algo muito legal se voce ainda nao sabe o que e olhem no resultado ok.Primeiro vai no seu blog vai no editar html e marque a opcao expandir modelos de widgets.Procure por:data:post.bodyDepois copie este codigo abaixo e coloque abaixo do codigo citado a cima.<div style="float:left; margin-right:3px;"></div><div class="js-kit-rating" expr:path="data:post.url" expr:permalink="data:post.url" expr:title="data:post.title"></div>Pronto, agora e so salvar!Resultado: Entre na pagina editar HTML, procure por </body> e cole esse codigo antes dessa linha que acabou de achar:<script type='text/javascript'> // <![CDATA[ var colour="#FFD700"; var sparkles=50; var x=ox=400; var y=oy=300; var swide=800; var shigh=600; var sleft=sdown=0; var tiny=new Array(); var star=new Array(); var starv=new Array();