Delicious LinkedIn Facebook Twitter RSS Feed

Cambiar el nombre del autor por una imagen "otros usos de imagen" Blog Blogspot.

1-Debemos primero que generar la imágen que sustituirá el nombre del autor del post o entrada...

y lo haremos ingresando AQUI , donde comenzaremos a fabricar nuestra imágen.

2-Luego de generada la imágen la subimos al hosting de imágenes,si quieres saber donde subir tu imagen generada gratuitamente ve AQUÍ para después poder obtener la URL de la misma .

3- Ahora vamos a nuestra plantilla en EDICION HTML (Guardamos una copia de seguridad siempre) y, expandiendo artilugios, ubicamos con nuestro localizador de códigos (CTRL+F) el siguiente código:
<data:post.author/>
4-Ahora una vez localizado,lo borramos y sustituimos por esto otro:
<img src="Aquí la URL de la imágen"/>
5-Guardamos.Comentar que este código sirve para sustituir varios "iconos" o "imagenes" las cuales se pueden buscar en la plantilla,poniendo imagenes de nuestro gusto.
*Alguien me pregunto en el chat que "queria sustituir el enlace (Comentarios) por una imagen",debo decir que demomento creo saber como se hace pero "parece que blogger no lo permite" seria de la siguiente manera:
-Pulsa "Ctrl + F" busca en tu plantilla html... <data:postCommentMsg/> y este código es el que se tiene que sustituir por el que mas abajo viene en "Rojo" el "Azul" es solo para que te sitúes.
<p class='comment-footer'>
<
a expr:href='data:post.addCommentUrl' expr:onclick='data: post.addCommentOnclick'
><img src="url-de-la-imagen"/></a>
</p>

-Si el elemento "Comentarios" tiene "icono" al lado ese icono se cambia encontrando esto:

.comment-link {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCAUm1nCjHwsO-TEqKk1VpyIhzcqewQtMRwsbu5KAnBeqE8BLH_WvKdVBWcNHA-_v49CB9Xx5UfV5GrKm4cWTvt8eAZ03mGZ7dsTki7THoJcqmPdq_ntzl9Ha-e1b6FXoSOZM47UmSiGY/s1600/commbg.gif) no-repeat left center;
padding-left: 20px;
float: right;
}

-Simplemente se cambia la "url" de la imagen por otra que queramos ico=16x16.
*Investigaré el caso mas a fondo...

0 comments:

Post a Comment