Stylist Menu- à sua barra lateral e muito mas bonitas Para Uso e é personaliza-vel.

como adicionar um menu para um blogger bonito, blog lateral, hoje você vai saber. que de uma maneira muito fácil como adicionar um menu para sua barra lateral e como personaliza-la de cores para combinar com o modelo do Blogger com cores .

Adicionando o menu horizontal no seu blog do Blogger

Vá para a sua conta no Blogger, e ir para o Dashboard>> Layout>> e na páginaElementos da página, clique em Adicionar um gadget e escolha HTML / JavaScript Adicionar, em seguida, copiar o seguinte código e colá-lo no / JavaScript HTML área de Conteúdo.

  <style type="text/css">

 / * Made By AllBlogTools.com * /

 ddblueblockmenu # (
 border: 1px solid # 000000; / * Cor da borda principal * /
 border-bottom-width: 0;
 width: 100%;
 )

 ul # ddblueblockmenu (
 margin: 0;
 padding: 0;
 list-style-type: none;
 Trebuchet MS Sans ',' Lucida Grande 'Arial, font: normal 90%'-serif;
 )

 # ddblueblockmenu a (
 display: block;
 padding: 3px 0;
 padding-left: 9px;
 largura: 94%; / * 94% menos toda a esquerda / Preenchimentos margens direita e * /
 text-decoration: none;
 color: # FFFFFF; / * Menu Font Color * /
 background-color: # 2175bc / * cor de fundo do menu    * /
 border-bottom: 1px solid # 90bade / * cor da borda inferior    * /
 border-left: 7px solid # 1958b7; / * cor da borda esquerda * /
 list-style-type: none; 
 )

 * Ddblueblockmenu html # um (/ IE * apenas * /
 largura: 94%; / * IE 5 * /
 largura: 94%; / * 94% menos toda a esquerda / Preenchimentos margens direita e * /
 )

 # ddblueblockmenu a: hover (
 background-color: # 2586d7; / * Menu de fundo de cor Em Hover   * /
 border-left-color: # 1c64d1 / * cor da borda esquerda on hover * /
 )

 # div.menutitle ddblueblockmenu (
 color: # FFFFFF; / * Title Font Color * /
 border-bottom: 1px solid black;
 padding: 1px 0;
 padding-left: 5px;
 background-color: # 000000; / * Menu Tite Background Color   * /
 sans Trebuchet MS ',' Lucida Grande 'Arial, font: bold 90%'-serif;
 )
 / * Made By AllBlogTools.com * /
 </ style>

 <div id="ddblueblockmenu">

 <div class="menutitle"> Procurar </ div>
 <ul>
 <a href="http://www.allblogtools.com/"> Home </ a>
 <a href="http://www.allblogtools.com/about/"> Sobre nós </ a>
 <a href="http://www.allblogtools.com/category/blogger-templates/"> Blogger
 templates </ a>
 <a Blogger href="http://www.allblogtools.com/category/tricks-and-hacks/">
 Truques </ a>
 <a href="http://www.allblogtools.com/blogger-tools/"> Blogger Tools </ a>
 <a href=" # "> Editar </ a> </ * Pode copiar esta linha de cada vez que você quiser acrescentar um elemento novo para o menu Editar e alteração em seu texto e alterar a url # .* />
 </ UL> </ div> <font size="1"> Menu by <um
 href = "http://www.allblogtools.com/"> AllBlogTools.com </ a> </ font>

Agora, clique em Salvar E pronto esta feito, por favor verifique o seu blog.


Agora vamos aprender a personalizar as cores do menu para me parece perfeitamente com o modelo do Blogger Ou você pode apenas deixa-lo como você o vê.

Personalizar as cores do menu.

Agora, por favor olhar o código acima, você verá alguns códigos são escritos em cores. i no código acima descrito o que cada parte responsável. Tudo o que você tem a fazer é ir para o nosso Html gerador cores hexadecimal e obter o seu código cor favorita cola-lo ao invés do código de cor no código acima.

Por exemplo, se você deseja alterar a cor de fundo para o menu.

você vai encontrar uma linha que diz

  background-color: # 2175bc / * cor de fundo do menu    * / 

Basta alterar 2175bc ao seu código de cor favorita que você começou. a partir dessas cores hexadecimal

 

Technorati Marcas: Stylist,Menu,à,sua,barra,lateral

• Divulgar no del.icio.us
• Divulgar no Digg
• Adicionar nos Favoritos do Google
• Enviar para o Twitter
• Compartilhar no Facebook
• Compartilhar no Technorati
• Enviar para o MySpace