15 Hacks for Blogger Images - Printable Version +- Tricks Duniya -ONLINE SHOPPING GUIDE, MOBILE TRICKS, ANDROID TRICKS, HACKING (http://tricksduniya.com) +-- Forum: COMPUTER ZONE (http://tricksduniya.com/forum-43.html) +--- Forum: Publisher & Developer Zone (http://tricksduniya.com/forum-73.html) +--- Thread: 15 Hacks for Blogger Images (/thread-5567.html) |
15 Hacks for Blogger Images - Red - 10-12-2015 Most of the bloggers who use “Blogger” as their blogging platform using CSS (Cascade Style Sheet) to set height, width etc and have no idea that they can set their image height, width, border, burl, crop etc only changing blogger image permalink, nothing more nothing less. You don't believe me let's checkout how we can do this. Default Image First check URL Structure of Blogger Image. If you upload image to blogger it by default it automatically adds1600 to its permalink, it look like this: https://lh3.googleusercontent.com/-aRxiznPNUYs/VhaO-3-jcWI/AAAAAAAABIw/5CrIGUUHMXM/s1600/Killer-Hacks-for-Blogger-Images.png Set Custom Size You can replace s1600 from default image and try any size as you like examples 600, s500 or s442 as your wish https://lh3.googleusercontent.com/-aRxiznPNUYs/VhaO-3-jcWI/AAAAAAAABIw/5CrIGUUHMXM/s442/Killer-Hacks-for-Blogger-Images.png Set Max Resolution of Image You can set in the URL is max resolution of image up to s2650 in blogger https://lh3.googleusercontent.com/-aRxiznPNUYs/VhaO-3-jcWI/AAAAAAAABIw/5CrIGUUHMXM/s2650/Killer-Hacks-for-Blogger-Images.png Crop the image Replace s1600 to s600-cin image url, you will get image as square means it height and width exactly 600px. You can also use s600-p to crop the image https://lh3.googleusercontent.com/-aRxiznPNUYs/VhaO-3-jcWI/AAAAAAAABIw/5CrIGUUHMXM/s600-c/Killer-Hacks-for-Blogger-Images.png Add Border to the image Replace s1600 to s1600-b10 in image url, you will get 10px black color border on the image. I have tried maximum to b50 but you can try more. https://lh3.googleusercontent.com/-aRxiznPNUYs/VhaO-3-jcWI/AAAAAAAABIw/5CrIGUUHMXM/s1600-b10/Killer-Hacks-for-Blogger-Images.png Download the Image Replace s1600 to s1600-d in image url, you will get provide a download link for image. https://lh3.googleusercontent.com/-aRxiznPNUYs/VhaO-3-jcWI/AAAAAAAABIw/5CrIGUUHMXM/s1600-d/Killer-Hacks-for-Blogger-Images.png Original Image Replace s1600 to s0 in image url, you will getoriginal version image what you have upload https://lh3.googleusercontent.com/-aRxiznPNUYs/VhaO-3-jcWI/AAAAAAAABIw/5CrIGUUHMXM/s0/Killer-Hacks-for-Blogger-Images.png XML Image Object Replace s1600 to s1600-g in image url, you will get xml code of image https://lh3.googleusercontent.com/-aRxiznPNUYs/VhaO-3-jcWI/AAAAAAAABIw/5CrIGUUHMXM/s1600-g/Killer-Hacks-for-Blogger-Images.png Set custom width Replace s1600 to w180 in image and image width didn't go beyond 180px. Yes you can also try any other size https://lh3.googleusercontent.com/-aRxiznPNUYs/VhaO-3-jcWI/AAAAAAAABIw/5CrIGUUHMXM/w180/Killer-Hacks-for-Blogger-Images.png Set custom height Replace s1600 to h180 in image and image height didn't go beyond 180px. https://lh3.googleusercontent.com/-aRxiznPNUYs/VhaO-3-jcWI/AAAAAAAABIw/5CrIGUUHMXM/h180/Killer-Hacks-for-Blogger-Images.png Set custom width and height Replace s1600 to w300-h180 in image url it give perfect width of 300px and height of 180px https://lh3.googleusercontent.com/-aRxiznPNUYs/VhaO-3-jcWI/AAAAAAAABIw/5CrIGUUHMXM/w300-h180/Killer-Hacks-for-Blogger-Images.png Set Custom size and width Replace s1600 tos500-w180in image url it give maximum width of 180px https://lh3.googleusercontent.com/-aRxiznPNUYs/VhaO-3-jcWI/AAAAAAAABIw/5CrIGUUHMXM/s500-w180/Killer-Hacks-for-Blogger-Images.png Set Custom size and height Replace s1600 to s500-h180 in image url it give maximum height of 180px [b[https://lh3.googleusercontent.com/-aRxiznPNUYs/VhaO-3-jcWI/AAAAAAAABIw/5CrIGUUHMXM/s500-h180/Killer-Hacks-for-Blogger-Images.png[/b] Set Custom size, height and width Replace s1600 to s600-w280-h180 in image url and just check it out https://lh3.googleusercontent.com/-aRxiznPNUYs/VhaO-3-jcWI/AAAAAAAABIw/5CrIGUUHMXM/s600-w280-h180/Killer-Hacks-for-Blogger-Images.png No Thumbnail Appear Replace s1600 to s1600-m1 in image url, you will get error image thumbnail https://lh3.googleusercontent.com/-aRxiznPNUYs/VhaO-3-jcWI/AAAAAAAABIw/5CrIGUUHMXM/s1600-g/Killer-Hacks-for-Blogger-Images.png |