Visualização:

Bom, está simples, mas ficou fofinha :3

Enfim, para começar, copie o código abaixo e cole antes de </style>

/* TAG POR MANDS, CANTINHO HTML. */ .tagch a {background: #cor1; padding:3px; border-radius:2px; color:#fff; text-shadow: 0 0 0.3em #cor2; font-size:8px; font-family:tahoma; text-transform:uppercase; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; margin:1px; margin-bottom:2px;} .tagch a:hover{-moz-box-shadow:inset 0px 0px 10px #cor2; -webkit-box-shadow:inset 0px 0px 10px #cor2; box-shadow:inset 0px 0px 10px #cor2;}

Entendo o código...

cor1: Aqui você vai colocar uma cor mais escura, que no caso, é a cor do background.

cor2: Você vai colocar a mesma cor, porém, dessa vez, uma cor mais clara.

Exemplo... Se na cor1 você colocar vermelho, na cor2 coloque um vermelho mais claro. Entendeu?

Com isso, o CSS já está formado. Agora, para fazer essa tag funcionar, você vai procurar no seu html por {block:Tags}, e apagar tudo que está entre {block:Tags} e {/block:Tags}. Depois de apagar TUDO, você vai colar isso no lugar:

{block:Tags}<a href="/tagged/{Tag}" class="tagch">{Tag}</a>{/block:Tags}

Caso, no seu html, não houver o block {block:Tags}, coloque a tag acima onde desejar que apareça as tags (entre {block:Posts} e {/block:Posts}).