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'>"Agora você irá procurar pelo código ]]></b:skin> e acima dele colar o seguinte código:..."
<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>
#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
Ótimo tutorial, vou salvar nos meus favoritos (:
ResponderExcluirhttp://farryteen.blogspot.com/
Ok Querida Obrigada !!! :)
Excluiroooi seu blog é super lndo é que ótimo tutorial
ResponderExcluirbjs seguindoo segue de volta?
http://diversidades-deumaadolescente.blogspot.com.br/
Claro querindo já te retribuo !!
Excluiroii!
ResponderExcluirobg 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