Colocando Icones no Posts

Hoje vou ensinar como colocar icones no final do post como por exemplo esses aqui:

 

Bem e um tutorial muito simpels sem muita complicação e fica ótimo sem mais delongas vamos la.
 

Va em Layout-Editar HTML e procure por:

.post blockquote p {
  margin: .75em 0;
  padding: 7px;
  border: 1px solid #ccc;
}

cole logo após esse codigo o seguinte:

/* Ícone Post
----------------------------------------------- */
.post-author {
  background:url(http://img92.imageshack.us/img92/1896/useruy7.png) no-repeat;
  margin:0;
  padding:3px 0 0 20px;
}
.post-comment-link {
  background:url(http://img395.imageshack.us/img395/4110/usercommentot6.png) no-repeat;
  margin:0;
  padding:3px 0 0 20px;
}
.post-backlinks {
  background:url() no-repeat;
  margin:0;
  padding:0px 0 0 18px;
}
.post-labels {
  background:url(http://img99.imageshack.us/img99/8028/tagbluehl7.png) no-repeat;
  margin:0;
  padding:3px 0 0 18px;
}

Os links em vermelho são os links dos Icones troque pelos icones que você deseja.

Bem esse codigo so adicionara os icones no fim do post se se você quiser adicionar um icone ao título do post basta inserir esse codigo

.post-title {
  background:url(http://www.iconlet.com/icons/crystalsvg/16x16/mime-postscript.png) no-repeat;
  margin:0;
  padding:3px 0 0 20px;
}

logo após desse codigo:

.post-labels {
  background:url(http://img99.imageshack.us/img99/8028/tagbluehl7.png) no-repeat;
  margin:0;
  padding:3px 0 0 18px;
}

agora e so salvar que o seu blog ja vai estar com icones.

Vlw pessoal...