Tutoriales Sobre Blogger: Cómo hacer una marca de agua automática en imágenes en un blog

La marca de agua es una señal que utilizamos para marcar una imagen o vídeo. La marca de agua generalmente se encuentra en imágenes y videos que están marcados con el texto y el logotipo de una empresa propietaria de los derechos de autor. Esta marca de agua se crea manualmente, sin embargo, en esta ocasión les diré cómo crear una marca de agua automáticamente.

Sin embargo, tenga en cuenta que este tutorial es solo para blogs y marcas de agua que no son AMP en este tutorial solo se verá si la imagen se ve a través de un blog, lo que significa que si descarga la imagen, no se verá la marca de agua.

La demostración esta en la imagen de inicio

Comencemos:

• Vamos a Blogger>Edicion HTML
• Buscamos la siguiente lineaa ]]></b:skin>
• Justo por encima por encima pegamos el siguiente código CSS

.separator{position:relative}.separator::before{content:"TB(tutorialesBlogger)";color:#fff;font-size:12px;font-weight:bold;position:absolute;right:0px;bottom:8px;border:1px solid #3a3a3a;border-top-left-radius: 10px;;background-color:#3a3a3a;padding:4px;opacity:.8;height:14px;line-height:14px}

• Cambia TB(tutorialesblogger) por tu ID o marca de agua 
• Guardamos los cambios y ahora cada ves que agreguemos una imagen solo tendremos que agregar

<div class="separator" style="clear: both; text-align: center;">
<href bp.blogspot.com="" btkker700igcqewa_auufsuqrxa5dip6gclcbgas="" gylxtvwrqc="" https:="" imageanchor="1" in="" s1600="" szy9n3u4i="" t="" tulo-1.png=""><img border="0" data-original-height="400" data-original-width="750" src="URL DE LA IMAGEN" /></href></div>

Solo debes de cambiar tu URL por tu imagen