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

Xem toàn trang

FSHARED

Nội Dung

Bài Viết Liên quan

Tác giả

Nhầm tạo thương hiệu riêng cho Blog, tránh việc sao chép hình ảnh từ blog thì không còn cách nào khác ngoài việc đóng dấu logo vào ảnh

Hôm nay mình sẽ chia sè cho các bạn cách đóng dấu ảnh trên blog

Trước tiên:  Đăng nhập vào blog ==> Chọn mẫu (template) ==> Chọn chỉnh sửa HTML

Tìm đoạn code <data:post.body/> và sửa thành

<div class="watermarktext"> <data:post.body/> </div>       Nếu chèn Chữ

<div class="watermarkimg"> <data:post.body/> </div>       Nếu chèn hình

Tiếp đến bạn chèn đoạn code sau vào trước thẻ đóng </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: 'hotrofm.net',
textWidth: 100,
textColor: 'white'
});
//add image water mark
$('.watermarkimg img').watermark({
path: 'https://dl.dropboxusercontent.com/s/nunjceykpqq1j1g/logo.png'
});
})
</script>

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 bạn thành công

Chia sẻ lên Facebook

Chia sẻ lên Zalo

Lưu ý:
Sử dụng tiếng Việt có dấu khi bình luận, hạn chế viết tắt.
Bình luận đúng chủ đề bài viết, không SPAM trong bình luận.
Gửi kèm ảnh chụp màn hình để được hỗ trợ tốt nhất. Up ảnh lên trang imgur.com, sau đó sao chép link ảnh dán vào khung bình luận.
Để chèn hình ảnh, khi đăng nhận xét bạn nhập như sau: [img]https://i.imgur.com/iIEPcxC.png[/img]

FSHARED

Mình viết blog này mục đích ban đầu là lưu trữ cá nhân, sau là chia sẻ những tài nguyên mình sưu tầm được cũng như kinh nghiệm, thủ thuật tới các bạn. Những bài viết trên Blog được tích góp từ kiến thức cá nhân và sưu tầm từ nhiều nguồn trên internet. Nếu có thắc mắc hay góp ý xin vui lòng để lại phản hồi hoặc comment dưới bài viết. Xin chân thành cảm ơn!!!