[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}

11 comentarios:

  1. Gracias por el tuto, queda muy boñito en los blogs!!

    ResponderEliminar
  2. (´• ω •`)ノ Holaaa!!!
    que emocion me siento especial quiere decir que mi plantilla es la primera en la que has probado este tutorial muchas gracia amiga enserio gracias por toooooodooooooooo te deseo exito en el examen y ese ensayo abrasos!!

    穛 S4Ku SEK4i®

    ResponderEliminar
    Respuestas
    1. si, fuiste la primera.jejeje asi que gracias a ti ^3^
      un besote

      Eliminar
  3. ¡Hola! Tanto tiempo sin pasar. ¿Cómo estás?
    Qué buen tutorial, la imagen a un costado del título de los posts queda bonita, aunque no sé editar muy bien y temo que mi blog quede todo raro si lo hago jajaja
    Suerte en tu examen!!!
    Besitos.

    ResponderEliminar
    Respuestas
    1. Estoy muy bien, espero que estes igual.
      jeje la tutorial es facil.asi que intentalo~
      saludos

      Eliminar
  4. Hola!
    Me alegro que te haya ido bien en la presentación y te deseo muchos éxitos en tu examen y ensayo.
    Es un tutorial interesante, gracias por compartirlo.
    Besos

    ResponderEliminar
    Respuestas
    1. jejej muchas gracias, y me alegra que te guste la entrada~
      saludos

      Eliminar
  5. buen tutorial, queda chulisimo, gracias

    ResponderEliminar
    Respuestas
    1. si queda muy bien.jejje gracias por pasar^3^
      saludos

      Eliminar
  6. OPD. AMO TU PLANTILLA -MUERE.-
    NGLG, Grandioso tutorial, lo amé.
    Muy útil la vdd.
    ¡SALUDOS!

    ResponderEliminar

Puedes dejar cualquier tipo de comentario(*≧m≦*)Pero si el comentario no es de gusto del blog sera borrado..
No insultes.
No spam(;¬_¬)
Si tienes algo que decirme privado:
dayi123466@gmail.com