So you try to use the Code to automatically add Logo to the image for Blogspot, also known as the JQuery Watermark Plugin of this article.
Advantages:
- JQuery Watermark plugin helps you to watermark a series of images, like a watermarking tool.
+ Use image or text to stamp.
+ Allows you to choose the position to stamp on 8 corners of the image.
- Because this plugin is written in HTML5 and Javascript, so it will work without a server to process images, bandwidth limitation is no longer something you need to worry about.
- Suitable for low-bandwidth web servers, or free web creation services, forums that don't need server management such as Blogspot, Forumotion, ...
Defect:
- Doesn't work on older browsers that don't support HTML5.
- Does not work on Templates that use 3rd party code to interfere with images.
Code to add Logo automatically to images for Blogspot
As recommended this plugin requires jQuery library 1.5 or higher, please check the jQuery library before starting. If you don't have it, add the library path below before the </head> tag.
https://pastebin.com/CphA0qDb
Then add the code below before the </body> tag
https://pastebin.com/DuGhRbbU
***In which, you should pay attention to the following sections to modify accordingly:
- The text watermarktext (highlighted in green) is the text that identifies the text stamped. Change to watermarkimg if you want to stamp with images.
- text: 'hungvb.com' (highlighted in yellow) is the text displayed on the image if you choose to stamp with text, hungvb.com.
- path: 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmNtamMrhziuL4Rhwoz7pAu4aJvlFXFINIIT3jWIzjcO5yNR-mcMTNiivqo6Z9Yk1BXdTxuaG49s8hYFUT0GIbaNkMH_xBHVHdZaEPRBUu5USttEJP5LTNu69sc2fsuYvD48NVr5FKwd5g/s539/logo-removebg-preview.png' (highlighted in red) is the Logo displayed on the image if you choose an image to stamp.
* There are also some items such as:
- textWidth:130 is the width of the area containing the stamped text, 130px.
- textSize:13 is the stamp text size ,13px.
- textColor:"white" is the stamped text color, white.
- textBg:"rgba(0, 0, 0, 0.4)" is the stamped text background color, gray.
- gravity:"nw" is the stamp position, upper left corner. You can nw to n, ne, w, e, sw, s, se, c to change position.
- opacity:.7 is Logo opacity, value from 0 to 1.
- margin:10 is the distance from the edge of the image to the Logo 10px. For example, change 10 to 0 if you want the Logo to be on the edge of the image.
Thank you everyone for your attention.
If people do not understand, you can comment or inbox HungVB directly for support.
02/10/2021
Đăng ký:
Đăng Nhận xét (Atom)
#Catalogics
AMP
(3)
ANTIVIRUS
(1)
ASP.NET
(1)
BLOGGER
(29)
C#
(19)
Cam-Xuc
(1)
CHROME
(4)
CSHARP
(2)
CSS
(7)
DOMAIN
(2)
DOWNLOAD
(41)
EVN
(3)
FACEBOOK
(4)
FEELING
(19)
FSHARE
(1)
GOOGLE
(6)
HTML
(12)
IMAGE
(2)
INFOGRAPHIC
(3)
JAVASCRIPT
(13)
Manus_JS
(1)
Microsoft
(4)
NetCat
(1)
NOTIFICATION
(8)
PDF
(1)
Php
(3)
PROGRAM
(10)
SECURITY
(2)
SELEMIUM
(1)
SEO
(11)
Software
(9)
Tips
(44)
Visual Basic
(57)
WINDOWS
(24)
WordPress
(3)
YOUTUBE
(3)
No copyright :D
Trả lờiXóaThêm bản quyền cũng tốt cho seo đó bạn.
Trả lờiXóabuy twitch followers A large collection of multiplayer games is strewn all over the internet; websites dedicated for the purpose have now been around for what seems like decades. The duration hasn't been a long one, but the rapid pace at which the trend has caught on is surprising and also intriguing.
Trả lờiXóahttps://www.buyyoutubesubscribers.in/2021/11/30/how-to-increase-youtube-views-by-yourself/ Optimizing videos for YouTube has become a growing trend. YouTube is a dominant force in video sharing and having a top video can make or break a company. Google also shows YouTube video results on competitive search terms through Universal Search, outranking the top organic search results. Not having a video on YouTube means you are falling behind the competitors. Optimizing videos for YouTube has become a growing trend.
Trả lờiXóahttps://hostinglelo.in YouTube shares a great number of video clips on different categories. It's easy to find one or more videos to fit your needs when you intend to use video clips in enhancing your presentation and make them more informative as well as entertaining. Before you learn how to put a YouTube video in PowerPoint, you have to know the medium/s you will have to employ to conduct the presentation.
Trả lờiXóaI am heartily impressed by your blog and learned more from your article. Thank you so much for sharing with us. I find another blog like it. If you want to look, visit here How to Check Copyright Image , It’s also more informative.
Trả lờiXóa