terça-feira, julho 03, 2012

5

Como Personalizar categorias do blog em listas horizontais





 Como Personalizar Categorias do blog em listas horizontais *---*




"Primeiro passo: entre logado no seu blogger, em seguida basta clicar em alguma das duas opções que eu trouxe nessas fotos."
 
Para Continuar Com o tutorial clique em "Leia Mais" 

 
 "Segundo passo: basta clicar na aba "editar html" para abrir a página de edição do código do template."
 
"Terceiro passo: Salve um modelo do seu template, isso para você evitar futuras dores de cabeça, e para fazer isso basta clicar no link baixar modelo completo, conforme a foto abaixo."
"Quarto passo: Agora você irá clicar em "expandir modelos de widgets".
 
"E agora você irá procurar no código html do seu template o seguinte código: <b:include data='post' name='post'> e substituí-lo por esse outro código:"  

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<div id='titulos'><ul><li>
<a expr:href='data:post.url'><data:post.title/></a>
</li></ul>
</div>

<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
"Agora você irá procurar pelo código ]]></b:skin> e acima dele colar o seguinte código:..."
#titulos{ /*estilo para o espaço ocupado pela lista */
margin:6px 0px;
background:#fff;
padding:6px;
border:1px solid #e3e2e3}

#titulos ul{ /*estilo da lista */
margin:0px;
list-style-type:none;
background:#eeeded;
padding:3px;}

#titulos li{ /* estilo para cada item da lista */
background: #fff ;
padding:15px 0px 3px 40px;
font-weight:bold}



Espero que tenham gostado  
 

5 comentários:

  1. Ótimo tutorial, vou salvar nos meus favoritos (:

    http://farryteen.blogspot.com/

    ResponderExcluir
  2. oooi seu blog é super lndo é que ótimo tutorial
    bjs seguindoo segue de volta?
    http://diversidades-deumaadolescente.blogspot.com.br/

    ResponderExcluir
  3. oii!
    obg por passar no meu blog!!!
    fiquei mt feliz d te ver lah.
    o tema do seu blog é mt fofinho!
    eu adorei..
    oblogdapp.blogspot.com
    bjs
    =3

    ResponderExcluir

Leia Mais

Related Posts Plugin for WordPress, Blogger...