Este efeito é bem legal, muitos procuram mas não é fácil de se achar, este efeito faz com que todo 'título' de um link apareça com um efeito bem legal, segue o mouse por todo o link, um exemplo, na Publicidade do site, no menu esquerdo ((passe o mouse)). Agora vamos ao tutorial.

Procure por

]]></b:skin>

E cole este código acima a esta tag

div#qTip {
display: none;
font-family: 'Overlock', cursive;
text-align: left;
position: absolute;
z-index: 1000;
background: -webkit-gradient(linear, left top, left bottom, from(#161616), to(#202020));
background: -moz-linear-gradient(top, #161616, #202020);
overflow:auto;
border-radius: 3px 6px 3px 6px;
-moz-border-radius: 3px 6px 3px 6px;
-webkit-border-radius: 3px 6px 3px 6px;
-khtml-border-radius: 3px 6px 3px 6px;
border-left: 1px solid #161616;
border-right: 1px solid #161616;
border-bottom: 1px solid #161616;
border-top: 1px solid #343434;
color:#fff;
text-shadow:#000 1px 1px 2px;
font-size:10pt;
padding:0px 6px 3px 6px;
box-shadow:#898479 1px 1px 0px;
margin-top:7px;
text-transform: lowercase;
}

Depois, procure por

</head>

E cole este javascript acima a esta tag

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/><script language='JavaScript' src='http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js' type='text/JavaScript'/>
<link href='http://fonts.googleapis.com/css?family=Overlock' rel='stylesheet' type='text/css'/>

O mais importante é o javascript, mas para modificar a cor, font e etc, é necessário usar o css.

Ex:((transformação de letras para maiúsculas))

Teste

Ex²:((transformação de letras para minúsculas))

Teste

Ex³:((transformação da primeira letra de todas as palavras em maiúscula e o resto em minúscula))

Teste

Código 'text-transform'

text-transform: uppercase;
text-transform: lowercase;
text-transform: capitalize;

Explicação

text-transform: uppercase;9(MAISÚSCULA))
text-transform: lowercase;((minúscula))
text-transform: capitalize;((Primeira Letra De Todas As Palavras Maiúsculas))

Ex:((Passe o mouse sobre a imagem 'seguir este site!' no menu esquerdo))

Código 'transition'

transition: all 0.2s linear;

Explicação

0.2s refere-se ao tempo da transição. 2 = segundos

Hora do post, diz ao certo que horas seu post foi publicado, apenas horas, não diz a data. Abaixo o código.

<data:post.timestamp/>

Se a hora não ficar correto, vá em

Configurações » Formatação

E configure o 'Fuso horário' para o da sua cidade.

Bom, data do post, o nome já fala, refere-se à data da publicação de um post. Para adicioná-lo é necessário ser no XML do seu template, na parte do código do post. A abaixo o código completo.

<b:if cond='data:post.dateHeader'>
<script>var ultimaFecha = &#39;<data:post.dateHeader/>&#39;;</script>
<data:post.dateHeader/>
<b:else/>
<script>document.write(ultimaFecha);</script>
</b:if>

Clique aqui para ver todos os elementos de post em postagens

Autor do postData do postHora do postTítulo do post

Título do post, o próprio nome diz, refere-se ao título de cada post. Mas para adicioná-lo deve obter o código abaixo na área de postagem no XML do template.

<b:if cond='data:post.link'>
        <a expr:href='data:post.link'><data:post.title/></a>
     <b:else/>
        <b:if cond='data:post.url'>
          <a expr:href='data:post.url'><data:post.title/></a>
        <b:else/>
           <data:post.title/>
        </b:if>
     </b:if>