PESQUISAR EXPANSÍVEL

1. Acesse a guia Modelo e clique no botão Editar HTML. Depois, pressione Ctrl+F para abrir oLocalizador e procure pela linha abaixo.

]]></b:skin>


2. Imediatamente, cole o seguinte código acima da tag encontrada. Se você quiser fazer alterações pessoais na busca, fique a vontade.


#search {
}
#search input[type="text"] {
background: #7d7e7d;
background: -moz-linear-gradient(top,  #525252 0%, #333333 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#525252), color-stop(100%,#333333));
background: -webkit-linear-gradient(top,  #525252 0%,#333333 100%);
background: -o-linear-gradient(top,  #525252 0%,#333333 100%);
background: -ms-linear-gradient(top,  #525252 0%,#333333 100%);
background: linear-gradient(top,  #525252 0%,#333333 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#525252', endColorstr='#333333',GradientType=0 );
border: 1px solid #222;
font: normal 12px ;
text-color: #FFFFFF;
height: 12px;
width: 120px;
padding: 6px 15px 6px 3px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
-webkit-transition: all 0.7s ease 0s;
-moz-transition: all 0.7s ease 0s;
-o-transition: all 0.7s ease 0s;
transition: all 0.7s ease 0s;
}
#search input[type="text"]:focus {
background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed));
background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
background: linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
color: #000;
width: 200px;
-webkit-transition: all 0.7s ease 0s;
-moz-transition: all 0.7s ease 0s;
-o-transition: all 0.7s ease 0s;
transition: all 0.7s ease 0s;
}


4. Depois, acesse a guia Layout e escolha o local onde colocará a busca. Depois, clique no linkAdicionar um gadget e cole o seguinte código na guia Conteúdo.

<form action="/search" id="search" method="get">

<input name="q" placeholder="Faça a sua busca" size="40" type="text" /></form>

COLUNAS

<div style="float: left; width: 45%;">TEXTO</div>
<div style="float: right; width: 45%;">TEXTO</div>

Código para Caixa de texto com barra de rolagem

<div style="height:100px; width:200px; overflow:auto; background-color:
#FFFFCC; text-align: center;padding: 2px; margin:5px ">
<div style="width:160px">
Conteúdo da caixa de rolagem
</div></div>

A legislação brasileira prevê a possibilidade de responsabilizar o blogueiro pelo conteúdo do blog, inclusive quanto a comentários; portanto, o autor deste blog reserva a si o direito de não publicar comentários que firam a lei, a ética ou quaisquer outros princípios da boa convivência. Não serão aceitos comentários anônimos ou que envolvam crimes de calúnia, ofensa, falsidade ideológica ou invasão de privacidade pessoal/familiar a qualquer pessoa. Comentários sobre assuntos que não são tratados aqui também poderão ser suprimidos. Este é um espaço público e coletivo e merece ser mantido limpo para o bem-estar dos leitores do /Eletrocuriosidades'.

Códigos HTML

• <strong>Negrito</strong>
• <em>Itálico</em>
• <u>Sublinhado</u>
• <strike>Tachado</strike> 
• <p align="left">Alinhado à esquerda</p>
• <p align="right">Alinhado à direita</p>
• <p align="center">Centralizado</p>
  <p align="justify">Justificado (alinhado às duas margens)</p>
   

Imagem no BLOG

• <img src=”http://URL_da_Imagem/nome_da_imagem.XXX” />
• <p align="center">
<img src=”http://URL_da_Imagem/nome_da_imagem.XXX” />
</p>
• <a href=”http://URL_de_destino”>
<img src=”http://URL_da_Imagem/nome_da_imagem.XXX” />
</a> 

Como abrir links do Blog em outra aba ou janela

Para que abra numa nova aba/janela, basta adicionar em todo link o seguinte marcado em vermelho:

<a href=”URL_destino” target=”_blank”>Texto do link</a>