[TUTORIALES] Colocar avatar/icon al lado del titulo del post.

Hello como estan? Yo ando muy muy feliz... ya hice mi presentacion y me fue muy bien. Estaba bien nerviosa, pero lo logre. A la profesora le gusto y eso es lo importante, lo malo es que el miércoles tengo un examen.  Y según unos de mis compañeros... hay que ver una película para hacer un ensayo(ahhh esta universidad~!!)Pero bueno, por lo menos estoy mas relajada. Hoy les traigo una tutorial, que me pidieron por mi ASK. Ya saben que si tienen peticiones pasen por mi ask, y dejen su petición. Bueno esta tutorial, fue una petición y buenooo Aqui se las traigo...Ademas es genial,Comenzamos:

*Nota: Para que esta tutorial funcione a la perfecion, te recomiendo que la plantilla sea sin editar.*

1.Vamos a ir a plantilla | Editar HTML | CTRL+F

2.Buscamos el siguiente codigo:

<h3 class='post-title entry-title' itemprop='name'>

3.Damos doble click, para que el buscador busque el segundo.

*El codigo que queremos es el segundo*

4. Abajo de este codigo, copia este css:

<img class="avatarTC" src='URL DE TU AVATAR'/>

5.Guardas para verificar y buscamos el otro codigo:

]]></b:skin>

6. Arriba colocamos este codigo y edita:

.avatarTC {
display: inline-block;
margin: 3px;
FLOAT: LEFT; /*LUGAR DEL AVATAR*/
width: 55px; /* TAMAÑO DEL AVATAR */
background: none; /* COLOR DE FONDO */
border: 5px solid #fff; /* BORDE DEL AVATAR */
border-radius: 1px; /* PUNTAS REDONDEADAS */
}

7.Luego guardas y verificas. Si todo esta bien lo lograstes.

Codigos[x]

Esta tutorial yo la intente y quedo super bien. Pero intentalo con una plantilla sin editar nada. jejje Yo espero que les guste mucho. Bueno espero poder pasar por sus blogs un rato, jejej espero verlos prontos~!!

Recuerda dejar tu comentario.

Les dejo besos de cherryT.O.P

Att:Lee rae mi{dayi}