Menu de Barrinhas

Este menu é estilo tumblr, fica muito fofo no blog. Para ver o menu de barrinhas clique aqui

Para colocar este menu fofo em seu blog, copie o código abaixo antes da tag ]]></b:skin>

.menu a {
 margin-right: 144px;
 background: #ffc0c0; /* Cor das caixinhas */
 border-left: 6px double #ff8080; /* Borda */
 font-family:palatino linotype; /* Fonte */
 text-transform:lowercase; /* Estilo da fonte - uppercase: maísculas e lowercase: minúsculas */
 display: block; /* Exibir em bloco */
 font-size: 10pt; /* Tamanho da fonte */
 color: #fff; /* Cor do texto */
 padding: 3px; /* Margem interna */
 text-align: left; /* Alinhamente do texto */
 margin-bottom: 1px;
 }
 .menu a:hover {
 border-left: 6px solid #ff8080; /* Borda em hover */
 }

Para fazer o menu de barrinhas funcionar copie o código abaixo e cole no gadget html/java script

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4KvOwlSMWGA-UHiJD9jsSL8cnlD-fiMxr5cjK_ZZ0aF3W4rUMuxvwCVfVwgYDtHD7I9OFD7yKiCaDiOYSGV6TFrv7vtVjoZfUGOdKsN6wX2eH9fhSurUTOemLaxtJRcUg3Aw14uMTPP_g/s1600/menu.png" align="right" />

<div class="menu">
 <a href="URL 1">Link 1</a>
 <a href="URL 2">Link 2</a>
 <a href="URL 3">Link 3</a>
 <a href="URL 4">Link 4</a>
 <a href="URL 5">Link 5</a>
 <a href="URL 6">Link 6</a>
 <a href="URL 7">Link 7</a>
 </div>

Onde está escrito URL você colocar a url da página e em Link coloca o Nome da página.

Onde tem img src você coloca a url de sua imagem.