Gadget de Welcome: Tutorial + descrição + imagens:

A Júlia (leitora MB) pediu para mim fazer um tutorial de como por a barra de pesquisa no gadget de Welcome (igual ao do MB). Além do tutorial busquei mais coisas para ajudar vocês no gadget. Vamos conferir?

 Vamos primeiro ao tutorial: Como por a barra de pesquisa?

Vá em Elementos da página no seu blog e adicione um gadget Html / Java Script, dentro dele cole o código a seguir:

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

Search: <input class="searchbar" id="s" name="q" type="text" value="" /><input class="searchbut" type="submit" value="" /></form>

Nele você não pode modificar nada, a não ser que não queira que a palavra "Search" fique ao lado da barra de pesquisa. Neste caso apague o que está em vermelho!

Agora vá no html do seu blog e procure pela tag: ]]></b:skin> 
ACIMA dela cole o código a seguir:

.search{

float: left; /* Flutuando a esquerda, poderá também mudar para Right (Direita) e Left (Esquerda) */font-family: Georgia, Tahoma; /* Fonte da letra que será escrita quando procurarmos por algo */}.searchbar{height: 20px;width: 140px;color: #FF82AB; /* Cor da fonte da letra que será escrita quando procurarmos por algo */-moz-border-radius: 6px;-webkit-border-radius: 6px;-goog-ms-border-radius: 6px;background:#FFF; /* Cor de fundo da parte onde escrevemos */}.searchbut{background: url('http://cdn1.iconfinder.com/data/icons/Snow/Snow/snow/Search.png'); /* Link/Url da imagem do botão de pesquisar | tamanho: 30 x 30px */width:30px;height:30px;border: 0;padding:7px;}

Se não quiser que as bordas dá parte onde escrevemos fique redonda retire tudo que está em vinho.

Agora vou explicar melhor de como você pode fazer o gadget com a descrição.

Sabe o primeiro código que você copiou no gadget? Então você antes dos códigos dê dois cliques com o botão "enter" do seu computador, e lá você vai ter um espaço para escrever o que quiser e em cima você pode por a imagem também, aí se você for por imagem você vai escolher uma imagem e clicar com o botão direito do mouse em cima da imagem e copiar o URL da imagem e colar na primeira linha do gadget e dá mais um "enter" para ficar mais organizadinho e não embolar com a descrição.

Agora se você não sabe o que escrever na descrição do seu blog, aqui em baixo está algumas ideias que você pode copiar e colar, lembrando que você substituirá onde estiver tudo com letras em maiúsculo!

Sejam Bem Vindos ao NOME DO BLOG, esse blog foi criado por SEU NOME no dia DATA onde já se passaram várias postadoras amigas. E também era sobre variedades como moda,dicas de beleza etc... Espero que gostem e se sintam-se a vontade.

me chamo SEU NOME, tenho IDADE anos. Moro em LOCAL e sou muito fã de ÍDOLO,  Quem me conhece sabe que me SOBRE VOCÊ.. Espero que gostem de mim e de meu cantinho que chamo de blog. Beijos!

Bem vindas(os) ao meu blog! Me chamo SEU NOME, tenho IDADE anos. Estou cursando CURSO/ESCOLARIDADE. O blog trás dicas diversas para as mulheres se manterem belas sem gastar muito.

Imagens de Welcome

  

  

  

  

  

 

 

 

 

 

 

 

 

 
 

 

 

 

 

 

 

Blogs que ajudaram neste post: (tutorial) www (imagens) www, www, www, www & www É isso gente, espero ter ajudado, qualquer coisa é só comentar, eu sempre respondo minhas leitoras ^^ Beijooooos

Se for copiar, favor deixar os créditos. Plágio é crime!