Criando Elemento a mais no seu Html

Bom gente o nosso post de hoje também vai ser um tutorial que eu mesma descobri, com ajuda de css e minha experiencia, fiz um elemento a mais no meu html,igual a um menu cute, mais em vez de ser com links, é em texto. Pode ser usado nas páginas, como gadget, como postagem a lista é infinita Claro que você não pode é postar no Face, twitter, orkut, pois não faz parte, é só no blog mesmo. Bem eu lhe dei esse nome de titulo é pois ainda não sei o nome para dar a ele, (se vocês sabem o nome, por favor comente nesse post). bem gente é isso, para saber qual é o elemento e para saber como fazer ele, clique em leia mais, e viaje no Html...
                 
Antes de tudo, vocês tem que ver o que é, olhe esse texto abaixo e passe o mouse por cima dele para ver, é isso que nós vamos aprender a fazer..

Passe o mouse aqui por cima para ver o efeito do tutorial

já viu? então gostou? é isso que nós vamos aprender a fazer agora! é só seguir os passos abaixo, com atenção:

1- faça login no seu blog, e clique em: Modelos >> Editar Html >> Prosseguir
2- Depois clique F3 e procure por:

/* Variable Definitions

ou procure por:

]]></b:skin>

3- acima dele colo esse código:

/* Estilo deby sabe tudo ----------------------------------------------- */
#campoatençao {
display:block;
font-size: 12px; /* tamanho da fonte */
font-family: arial; /* nome da fonte */
letter-spacing: 0;
border: 1px solid #ff50ff; /*bordas no quadrado*/
text-indent: 5px;
vertical-align: middle;
line-height: 15px;
background: #ffbbff; /* cor do background*/
color: #000000; /*cor da fonte*/
padding-left: 10px;
}

#campoatençao:hover {
display:block;
vertical-align: middle;
line-height: 15px;
background: #ff50ff; /*background do fundo hover (quando passar o mouse por cima)*/ color: #000000; /*cor da fonte hover*/
padding-left: 10px;
}

 4- agora é só você personalizar esse código como quiser, apenas edite o que esta de vermelho! no código esta a descrição.
5- agora salve.
6- agora vá em postar postagem, ou o lugar onde você quer colocar o efeito, mais não se esquece, que o efeito só vai pegar se você editar o post, pagina, ou gadget em html. e cole isso sempre que você quiser usar o efeito:

<div id="campoatençao"> Escreva o que quer que fique com o efeito, escreva um texto</div>

bem gente é só isso, não se esqueça de editar a pagina em html, se não digitar em html o efeito não pega!

bem gente fiquem com deus.
comentem a vontade, diga o que achou do post!

                                                                                                                                 BEIJOS
                                                                                                                       ATÉ A PROXIMA