Đóng Dấu Bản Quyền Vào Hình Ảnh Bài Viết Trên Blogger

 Nếu bạn viết bài mà lo người khác copy bài viết với hình ảnh của bạn mà không sửa đổi 1 chút nào, bạn đang làm một quản trị viên của blogspot 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 khán giả

Những ý kiến 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.

Tại sao phải đóng dấu bản quyền:

• Tạo thương hiệu riêng
• Tránh việc COPY bê nguyên hình ảnh 

Các bước thực hiện đóng dấu bản quyền vào hình ảnh:

Trước tiên các bạn chèn đoạn code sau lên trước </body>:

<script src="https://dl.dropboxusercontent.com/s/karip7yyl83aaek/jquery.watermark.min.js?dl=0"></script>
<script>// path to the watermark image
$(function(){
//add text water mark;
$('.watermarktext img').watermark({
text: 'hoanghablog.xyz',
textWidth: 200,
textSize:20,
textColor: 'white'
});
//add image water mark
$('.watermarkimg img').watermark({
path: 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUYiyCu4D1ifWZ-kOPzw4ZPwO_4EREgLOZ59oZEDfGErFhsHdzBqj436EWx-UilBkC1uBuNrZEAQwVGBaf6An4SBf9LJq1zcJ1jXO_CEJWPcRxHYQBB_B7lrLhTs8atODOOHQH0Z1PR5U/s150/Ho%25C3%25A0ng+H%25C3%25A0+Blog+%25281%2529.png'
});
})
</script>

Sau đó, tìm đoạn  <data:post.body/> và sửa nó như sau:

Nếu muốn dấu là hình ảnh sửa thành:

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

Nếu muốn dấu là chữ thì sửa thành:

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

Lưu Ý: Vì thẻ <data:post.body/> trên blog rất nhiều nên các bạn thử lần lượt đến khi có kết quả nhé.

Chúc các bạn thành công!