Elemento de página sobre a postagem

Olá, caros leitores. Não tenho tido ocasião para novas postagens faz certo tempo, e lamento não poder responder a todos comentários e e-mails. Dentro em breve espero estar de volta com muitas novidades e novas postagens. Estou colocando esta aqui porque um amigo, do blog Treino de Xadrez estava curioso a respeito disto. Possivelmente muitos de vocês conhecem e usam este recurso do Blogger, mas para quem não souber... Como colocar um elemento de página sobre as postagens, logo abaixo do cabeçalho? Fácil! Faça como indicado - 1. Após o login no Blogger, entre na página Layout de seu blog, na aba Elementos da página. 2. Clique em Adicionar um gadget. 3. Escolha a opção desejada (no caso é HTML/Javascript, porque vamos colocar um menu de blog sob o cabeçalho). 4. Cole neste elemento de página o código HTML equivalente ao menu e salve. 5. Voltando agora para a página Elementos da página, clique com o botão esquerdo do mouse sobre o gadget que você acabou de criar, mantenha seguro o botão e arraste até em embaixo do cabeçalho. Um espaço vai se abrir para o gadget no local, solte-o aí (Veja figuras abaixo).

6. Finalmente, clique Salvar e visualize seu blog. Desculpem não facilitar indicando alguns menus em HTML ao alcance de mão. No entanto, uma busca no Dicas Blogger pode ajudar! ;) Abraços!

Caixinhas de busca para blogs

Olá caros leitores! Antes de mais nada, Feliz Ano Novo à todos! Eu pretendia fazer uma postagem desejando-lhes o melhor para 2009 ontem, porém com a chuvinha que deu por aqui fiquei sem internet :(. E vamos agora à primeira postagem do ano! (lol)

Como muitos de meus leitores gostaram da dica de como montar uma caixa de pesquisa em blogs montei um modelo de caixinha simples, porém bonito e funcional. Os quatro modelos abaixo podem ser instalados muito fácilmente - basta clicar no modelo escolhido. Escolha e divirta-se! ;)

<input value="CAIXA DE BUSCA por http://mestreblogger.blogspot.com" type="hidden"/> <style type="text/css"> .moldura { color: #6d6845; border: 8px solid #330066; background-color: #330066; width: 248px; } .caixa { color: #666666; font-family:'trebuchet ms',helvetica,sans-serif; border: 1px solid #000000; background-color: #ffffff; font-size:100%; font-color: #cccccc; align:center; } .botao { color:#0000000; font-family:trebuchet ms,helvetica,sans-serif; font-size:100%; background-color:#cccccc; border: 1px solid #000000; } </style> <div class="moldura"> <form id="searchthis" action="/search" style="DISPLAY: inline" method="get"> <input onfocus="if(this.value=='Sua busca aqui...')this.value='';" maxlength="255" value="Sua busca aqui..." id="b-query" onblur="if(this.value==''){this.value='Sua busca aqui...'}" size="26" class="caixa" name="q"/> <input value="OK" class="botao" type="submit"/></form> </div>

<input value="CAIXA DE BUSCA por http://mestreblogger.blogspot.com" type="hidden"/> <style type="text/css"> .moldura { color: #6d6845; border: 8px solid #6d6845; background-color: #6d6845; width: 248px; } .caixa { color: #666666; font-family:'trebuchet ms',helvetica,sans-serif; border: 1px solid #000000; background-color: #ffffff; font-size:100%; font-color: #cccccc; align:center; } .botao { color:#0000000; font-family:trebuchet ms,helvetica,sans-serif; font-size:100%; background-color:#cccccc; border: 1px solid #000000; } </style> <div class="moldura"> <form id="searchthis" action="/search" style="DISPLAY: inline" method="get"> <input onfocus="if(this.value=='Sua busca aqui...')this.value='';" maxlength="255" value="Sua busca aqui..." id="b-query" onblur="if(this.value==''){this.value='Sua busca aqui...'}" size="26" class="caixa" name="q"/> <input value="OK" class="botao" type="submit"/></form> </div>

<input value="CAIXA DE BUSCA por http://mestreblogger.blogspot.com" type="hidden"/> <style type="text/css"> .moldura { color: #6d6845; border: 8px solid #cc6600; background-color: #cc6600; width: 248px; } .caixa { color: #666666; font-family:'trebuchet ms',helvetica,sans-serif; border: 1px solid #000000; background-color: #ffffff; font-size:100%; font-color: #cccccc; align:center; } .botao { color:#0000000; font-family:trebuchet ms,helvetica,sans-serif; font-size:100%; background-color:#cccccc; border: 1px solid #000000; } </style> <div class="moldura"> <form id="searchthis" action="/search" style="DISPLAY: inline" method="get"> <input onfocus="if(this.value=='Sua busca aqui...')this.value='';" maxlength="255" value="Sua busca aqui..." id="b-query" onblur="if(this.value==''){this.value='Sua busca aqui...'}" size="26" class="caixa" name="q"/> <input value="OK" class="botao" type="submit"/></form> </div>

<input value="CAIXA DE BUSCA por http://mestreblogger.blogspot.com" type="hidden"/> <style type="text/css"> .moldura { color: #6d6845; border: 8px solid #993300; background-color: #993300; width: 248px; } .caixa { color: #666666; font-family:'trebuchet ms',helvetica,sans-serif; border: 1px solid #000000; background-color: #cccccc; font-size:100%; font-color: #000000; align:center; } .botao { color:#0000000; font-family:trebuchet ms,helvetica,sans-serif; font-size:100%; background-color:#cccccc; border: 1px solid #000000; } </style> <div class="moldura"> <form id="searchthis" action="/search" style="DISPLAY: inline" method="get"> <input onfocus="if(this.value=='Sua busca aqui...')this.value='';" maxlength="255" value="Sua busca aqui..." id="b-query" onblur="if(this.value==''){this.value='Sua busca aqui...'}" size="26" class="caixa" name="q"/> <input value="OK" class="botao" type="submit"/></form> </div>