Menu One Border

Yoo cupcakes de macarrão com queijo

Hoje trago um tutorial que encontrei no Sweet Poison, eu coloquei aqui no blog, é esse menu do novo layout, créditos á Sweet Poison que mais uma vez me ajudou com o menu do blog ! Bom vamos ao tuto, clique em Leia Mais !

1. No Blogger, vá em Design> Editar HTML.

2. Tecle Ctrl F e procure por:

]]></b:skin>

3. Logo acima dessa tag, cole o código abaixo:

.tagged {
float:left; /* Alinhamento */
width:49%; /* Tamanho das caixinhas */
text-align: left; /* Alinhamento do texto */
margin-top: 2px;
font-size: 9px;
margin-bottom: 10px;
}
.tagged a {
display: block;
font-size: 10px; /* Tamanho da fonte */
margin-left: 1px;
margin-right: 1px;
text-indent: 8px;
vertical-align: middle;
line-height: 15px;
margin-bottom: 1px;
padding: 2px;
border-top: 1px solid #EECFA1; /* Borda do topo */
background: #D3D3D3;  /* Cor das caixinhas */
text-transform:uppercase; /* Todas maiúsculas - lowercase para minúsculas */
color: #fff; /* Cor dos links */
}

4. Salve.
5. Vá para "Editar layout", adicione um novo gadget de HTML/Javascript, e nele cole o seguinte código:

<div class="tagged"><a href="URL 1">Título 1</a></div>
<div class="tagged"><a href="URL 2">Título 2</a></div>
<div class="tagged"><a href="URL 3">Título 3</a></div>
<div class="tagged"><a href="URL 4">Título 4</a></div>
<div class="tagged"><a href="URL 5">Título 5</a></div>
<div class="tagged"><a href="URL 6">Título 6</a></div>
<div class="tagged"><a href="URL 7">Título 7</a></div>
<div class="tagged"><a href="URL 8">Título 8</a></div>
<div class="tagged"><a href="URL 9">Título 9</a></div>
<div class="tagged"><a href="URL 10">Título 10</a></div>

6. Salve.

P.S.: Só edite as partes com a explicação em negrito ;)

Então é isso, devidos créditos á Sweet Poison