Đóng Dấu Logo Bản Quyền Vào Hình Ảnh Cho Blogger Blogspot

Bạn thường xuyên viết bài cho blogger của mình, thường xuyên phải up những hình ảnh lên blogger, hay bạn đang làm một quản trị viên của blogspot nào đó thì việc phải tạo ra một bức ảnh minh họa để chèn vào bài viết là điều không thể thiếu được nếu như bạn muốn bài viết đó thực sự thu hút và lôi kéo độc giả.

Những những câu nói trên chúng ta trung bình dành khoản 2 phút để đóng dấu logo vào ảnh để thu hút người dùng cũng như đóng dấu bản quyền để khỏi bị ăn cắp hình ảnh do mình tạo ra.

Một khi bài viết đã xuất bản ra bên ngoài thì không còn cách nào khác bạn phải đóng dấu logo vào hình ảnh của bài viết của mình.

Xem Thêm : Chống Click Tặc Google AdSense

Lý do đóng dấu logo vào hình ảnh

• Tạo thương hiệu riêng
• Tránh việc sao chép hình ảnh 

Bài viết này mình sẽ hướng dẫn cho các bạn đóng dấu logo hay text vào hình ảnh

Đầu tiên cho đoạn js này vào bên trên </body>

<script src="https://raw.githubusercontent.com/ZaloSec/Logoimg/master/logoimg.js"></script>
<script type='text/javascript'>
$(function(){
 // Chèn Text;
 $('.watermarktext img').watermark({
  text: 'ZaloSec.Com',
  textWidth: 100,
  textColor: 'white'
 });
 // Chèn Logo
 $('.watermarkimg img').watermark({
  path: 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVN8e8O8lnRviP8SXzzbjXHbl13mnJ7eTYnXe4LbcyICVXYugobIUvpXH5GUHDZicDG7uiJL4FQK7IsGpxF6XFcHmBMeog_9EfraLv0h9a3vJR4TnsJKqApOX0JJADIo4XDB4o369M-uU/s790/Untitled.png'
 });
})
</script>

Sau đó các bạn vào HTML và chỉnh sữa đoạn code sau

<data:post.body/>

Có rất nhiểu thẻ <data:post.body/> Các bạn lần lượt tìm nhé. vì mỗi template cấu trúc mỗi khác không giống nhau.

Nếu các bạn muốn thêm chữ vào ảnh thì áp dụng như sau

<div class="watermarktext"> <data:post.body/> </div>

Nếu muốn đóng dấu bằng hình ảnh thì như sau 

<div class="watermarkimg"> <data:post.body/> </div>

 watermarktext và watermarkimg các bạn nên nhớ kỹ thôi bị nhầm

Để đóng dấu logo vào ảnh thì template của các bạn phải có thư viện jquery nữa nhé.