13 de septiembre de 2016

Personalizar comentarios anónimos y sin avatar

Personalizar-comentarios-anonimos-y-sin-avatar

Como existen persona que les gusta quedar en el anonimato, pero resulta que al hacer esto, en el momento de comentar en nuestros blogs, Blogger elige una imagen sin contenido, y cuya dirección es http://img1.blogblog.com/img/blank.gif, por lo que ese comentario aparecerá sin imagen.
Teniendo en cuenta esto, una alternativa para cambiarlo es incorporar en el HTML de la plantilla nuestra propia imagen con un script.

Pasos para personalizar comentarios anónimos y sin avatar, de nuestro blog en blogger:


  1. Hay que tener las imágenes ya listas.
  2. Vamos a ir al panel de configuración del blog. Estando ahí, ir a Plantilla y entrar en "Editar HTML".
  3. Presionar (Ctrl+F) en el buscador pegar </body> y presionar Enter.
  4. Una vez localizado pagar antes de este el siguiente código:


<script>
$("img[src='//img1.blogblog.com/img/blank.gif']")
.attr('src', 'anonimo.png')
.ssyby('blank')
</script>
<script>
$("img[src='//img2.blogblog.com/img/b16-rounded.gif']")
.attr('src', 'sin imagen.png')
.ssyby('blank')
</script>



  • El primer código corresponde al del avatar de los comentarios anónimos.
  • El segundo código corresponde al de comentario sin imagen.
  • Colocar la nueva dirección en el código rojo esta no debe ser muy grande, de lo contrario saldrá acortada.

En el ejemplo utilice imágenes con un altura de 36 quedando así

<script>
$("img[src='//img1.blogblog.com/img/blank.gif']")
.attr('src', 'https://4.bp.blogspot.com/-JKnurCksbhE/Vr4tC8A2KJI/AAAAAAAAIPg/rDcI5VyTax4/h36/anonymous_256.png')
.ssyby('blank')
</script>
<script>
$("img[src='//img2.blogblog.com/img/b16-rounded.gif']")
.attr('src', 'https://lh3.googleusercontent.com/-Joj0o2cqSqU/V9nqjTP7mRI/AAAAAAAAAJM/29XcMHUeR7EG2GsUBANTYAzZkHlwzVRPwCLcB/h36/user-avatar.png')
.ssyby('blank')
</script>








1 comentario:

Diseño por Blogger Sin Escalones Con la tecnología de Blogger.