Galera boa tarde, alguém de ajuda no blogger ? botoes html

[nenhum00]

Olá, é o seguinte, fiz um blogger, e não to conseguindo criar paginas pra ele, sem ser em html, por exemplo, vou pegar um site aqui:

http://www.djogzs.com

agora vamos lá, na hora em que eu cliko em "CSS" eu sou redirecionando para está pagina: http://www.djogzs.com/search/label/CSS

o final dela segue assim: search/label/CSS ai invés de por exemplo ( www.djogzs.com/2013/05/css.html )

e muito ruim no blogger separar as coisas só em pagina HTML, como faço isso ? como é que o link no final vai ficar search/label/ ? eu vejo em quase todos os blogs, só vou por html no meu blog em: Contato e Chat, o resto queria nesse tipo ai.

O MEU BLOG TA ASSIM:

<div id='wrapper'>

<div class='menujohanes'>

<ul class='dark_menu'>

<li><a class='selected' expr:href='data:blog.homepageUrl' title='Home'>Home</a></li>

<li><a href='exemplo.blogspot.com.br/p/test.html'>Downloads</a><ul>

<li><a href='#'>lorem ipsum</a></li>

<li><a href='#'>lorem ipsum</a></li>

<li><a href='#'>lorem ipsum</a></li>

<li><a href='#'>lorem ipsum</a></li>

</ul></li><li><a href='#'>Categories</a><ul>

<li><a href='#'>lorem ipsum</a></li>

<li><a href='#'>lorem ipsum</a></li>

<li><a href='#'>lorem ipsum</a></li>

<li><a href='#'>lorem ipsum</a></li>

<li><a href='#'>lorem ipsum</a></li></ul></li>

<li><a href='exemplo.blogspot.com.br/p/chat.html'>chat</a></li>

<li><a href='#'>Download</a></li>

<li><a href='exemplo.blogspot.com.br/p/contato.html'>Contact</a></li>

</ul></div><div id='casing'><div id='content'>

como voces podem ver só oque ficou em html ai foi o "chat" e o "contato"

obs: este não é meu blog, só usei um exemplo

Se alguém não souber responder mais tiver o vídeo tutorial ensinando tb agradeço.