Personalizar O Menu Do Blog (Travel)

Tumblr_luejfyfou21r0m53ho1_500_large


Olá gente! Vou postar hoje uma personalização de menu igual ao novo layout do blog. Vocês devem estar pensando, nossa, ela troca de layout toda hora! Mas bem verdade é, amo fazer testes e se eu amo o lay de testes, eu uso! KK Creio que esse deva ficar por um tempo. O outro era bem temporário. Mas vamos lá ao menu? Clica aí em Leia Mais e confira este post!
Este modelo de menu, só funciona no modelo Travel, que é até, o mais recomendado para uso, pois é bem fácil de personalizar e possuem mais tutoriais a respeito.

O menu vai ficar parecido a esse meu novo aí em cima vejam. Vamos por a mão no HTML? -qq

Ele deve ficar assim:


Clique na Imagem Para Vê-la Maior;


Editar HTML

Procure (F3) por: 

/* Tabs

Acima deste código, você cola este código aqui:

/* MENU UPRISING TEEN
----------------------------------------------- */
#PageList1 {
margin-top: -50px; /* TOPO (Coloque números negativos para subir) */
margin-left: 100px; /* ESQUERDA (Coloque números positivos para alinhar a direita) */
float: left;
width: 1000px; /* LARGURA TOTAL DO MENU */
list-style: none;
position: relative;
font-size: 12px; /* TAMANHO DA FONTE */
background: #000; /* COR DE FUNDO */
}
.PageList li a {
padding: 10px 15px;
display: block;
color: #fff; /* COR DOS LINKS */
text-decoration: none;
}
.PageList li a:hover {
color:#ccc; /* COR DOS LINKS QUANDO PASSA O MOUSE */
}
.PageList li:hover {
background: #1376c9 ; /* COR DE FUNDO QUANDO PASSA O MOUSE */
}
.crosscol .PageList li, .footer .PageList li {
background:none repeat scroll 0 0 transparent;
float:left;
list-style:none outside none;
margin:0;
padding:10px 0;
}
.PageList li.selected a {
background: #C71585; /* FUNDO SELECINADO */
font-weight:bold; /* ESTILO DA FONTE: BOLD (NEGRITO), ITALIC (ITÁLICO) ETC*/
text-decoration:none;
}
.PageList li.selected a:hover {
color: #FFF8DC; /* COR DA FONTE SELECIONADA */
font-weight:bold; /* ESTILO DA FONTE: BOLD (NEGRITO), ITALIC (ITÁLICO) ETC*/
text-decoration:none;
}

Só altere onde estão as instruções tá galera? Depois de alterado, você vai para Elementos Da Página. Adicione o gadget Páginas. Salve suas configurações. Veja se está tudo certo. Espero ter ajudado gente ;D