15 Killer Hacks for Blogger Images 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 th...
2018-02-19T03:30:10Z

15 Killer Hacks for Blogger Images

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 check out how we can do this.

Killer Hacks for Blogger Images

Default Image


First check URL Structure of Blogger Image. If you upload image to blogger it by default it automatically add s1600 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 example s600, 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-c in 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 get original 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 to s500-w180 in 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

https://lh3.googleusercontent.com/-aRxiznPNUYs/VhaO-3-jcWI/AAAAAAAABIw/5CrIGUUHMXM/s500-h180/Killer-Hacks-for-Blogger-Images.png

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-m1/Killer-Hacks-for-Blogger-Images.png

Enjoy this trick and comment below if you have other trick regarding blogger. You can use this trick in Google Plus, Picasa or any other google service
Share it:

Blogger

Blogging

How To

Tutorial

Post A Comment:

0 comments: