Como colocar 2 colunas para marcadores do Blogger


Tutorial
Como colocar 2 colunas para marcadores do Blogger

Por muito tempo andei procurando uma maneira de diminuir o espaço ocupado pelos marcadores do Blog, em alguns casos aquela lista enorme, que parece sem fim, e que deixa a página não muito atrativa. Mas queria que  fosse ao mesmo tempo de fácil acesso para os leitores.
Hoje, após algumas alterações em tutoriais que andei estudando, deu certo.  Muito mais simples que eu imaginava. Por isso resolvi dividir com quem tem o mesmo dilema que o meu.
Vamos lá!
Passo a passo.

Abra o painel do Blogger e clique em ‘Layout

Abra a caixa de marcadores e desmarque a opção ‘Mostra o número de potagens por marcador’ e marque ‘Lista
Salve
(imagem acima)

Clique em ‘Modelo’ e depois ‘Editar HTML

Em Editar HTML abra ‘Ir para um widget’ e clique sobre ‘Label1

Abra uma caixa de pesquisa e cole       e dê Enter

O texto vai aparecer marcado em amarelo

Cole o código abaixo acima de 

#Label1 ul li{ 
float: left;
width: 45%;
font-family: ‘Times New Roman', sans-serif;
font-size: 11px;
background: #fff; /*fundo*/
border-bottom: 2px solid #ccc; /* borda de baixo do marcador */
margin: 2px;
font-weight: normal;
list-style-type:none;
}
#Label1 ul li:hover{ 
background: #EAEAEA; /*fundo hover*/
border-bottom: 2px solid #FF51A8; /* borda de baixo do marcador hover */
}

(O que está de vermelho pode ser alterado para melhor adaptar a seu template.)

Clique em visualizar modelo, e, se estiver tudo bem, Salvar modelo.
Se não gostar, basta clicar em Reverter alterações.

Boa Sorte!

Nenhum comentário:

Postar um comentário

Related Posts Plugin for WordPress, Blogger...