Mod Cheats: 15 Killer Hacks for Blogger Images

Thursday, October 27, 2016

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 dont believe me lets check out 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 add s1600 to its permalink, it look like this:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0xyty3JM5N79RjIMv-Bvo7CniwIlQKvsWmy-mjDOhxGXLrrF57o1g4znvmAdSz0DdyA6xhzEoubu3Yn6vT1dv6LSNYvMlaxSCAlLBR4YnreMwQEl3eUZRCEnGsMDbzHLDOq1g-s9CkQKM/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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0xyty3JM5N79RjIMv-Bvo7CniwIlQKvsWmy-mjDOhxGXLrrF57o1g4znvmAdSz0DdyA6xhzEoubu3Yn6vT1dv6LSNYvMlaxSCAlLBR4YnreMwQEl3eUZRCEnGsMDbzHLDOq1g-s9CkQKM/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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0xyty3JM5N79RjIMv-Bvo7CniwIlQKvsWmy-mjDOhxGXLrrF57o1g4znvmAdSz0DdyA6xhzEoubu3Yn6vT1dv6LSNYvMlaxSCAlLBR4YnreMwQEl3eUZRCEnGsMDbzHLDOq1g-s9CkQKM/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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0xyty3JM5N79RjIMv-Bvo7CniwIlQKvsWmy-mjDOhxGXLrrF57o1g4znvmAdSz0DdyA6xhzEoubu3Yn6vT1dv6LSNYvMlaxSCAlLBR4YnreMwQEl3eUZRCEnGsMDbzHLDOq1g-s9CkQKM/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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0xyty3JM5N79RjIMv-Bvo7CniwIlQKvsWmy-mjDOhxGXLrrF57o1g4znvmAdSz0DdyA6xhzEoubu3Yn6vT1dv6LSNYvMlaxSCAlLBR4YnreMwQEl3eUZRCEnGsMDbzHLDOq1g-s9CkQKM/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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0xyty3JM5N79RjIMv-Bvo7CniwIlQKvsWmy-mjDOhxGXLrrF57o1g4znvmAdSz0DdyA6xhzEoubu3Yn6vT1dv6LSNYvMlaxSCAlLBR4YnreMwQEl3eUZRCEnGsMDbzHLDOq1g-s9CkQKM/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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0xyty3JM5N79RjIMv-Bvo7CniwIlQKvsWmy-mjDOhxGXLrrF57o1g4znvmAdSz0DdyA6xhzEoubu3Yn6vT1dv6LSNYvMlaxSCAlLBR4YnreMwQEl3eUZRCEnGsMDbzHLDOq1g-s9CkQKM/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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0xyty3JM5N79RjIMv-Bvo7CniwIlQKvsWmy-mjDOhxGXLrrF57o1g4znvmAdSz0DdyA6xhzEoubu3Yn6vT1dv6LSNYvMlaxSCAlLBR4YnreMwQEl3eUZRCEnGsMDbzHLDOq1g-s9CkQKM/s1600-g/Killer-Hacks-for-Blogger-Images.png

Set custom width

Replace s1600 to w180 in image and image width didnt go beyond 180px. Yes you can also try any other size

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0xyty3JM5N79RjIMv-Bvo7CniwIlQKvsWmy-mjDOhxGXLrrF57o1g4znvmAdSz0DdyA6xhzEoubu3Yn6vT1dv6LSNYvMlaxSCAlLBR4YnreMwQEl3eUZRCEnGsMDbzHLDOq1g-s9CkQKM/w180/Killer-Hacks-for-Blogger-Images.png

Set custom height

Replace s1600 to h180 in image and image height didnt go beyond 180px.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0xyty3JM5N79RjIMv-Bvo7CniwIlQKvsWmy-mjDOhxGXLrrF57o1g4znvmAdSz0DdyA6xhzEoubu3Yn6vT1dv6LSNYvMlaxSCAlLBR4YnreMwQEl3eUZRCEnGsMDbzHLDOq1g-s9CkQKM/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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0xyty3JM5N79RjIMv-Bvo7CniwIlQKvsWmy-mjDOhxGXLrrF57o1g4znvmAdSz0DdyA6xhzEoubu3Yn6vT1dv6LSNYvMlaxSCAlLBR4YnreMwQEl3eUZRCEnGsMDbzHLDOq1g-s9CkQKM/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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0xyty3JM5N79RjIMv-Bvo7CniwIlQKvsWmy-mjDOhxGXLrrF57o1g4znvmAdSz0DdyA6xhzEoubu3Yn6vT1dv6LSNYvMlaxSCAlLBR4YnreMwQEl3eUZRCEnGsMDbzHLDOq1g-s9CkQKM/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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0xyty3JM5N79RjIMv-Bvo7CniwIlQKvsWmy-mjDOhxGXLrrF57o1g4znvmAdSz0DdyA6xhzEoubu3Yn6vT1dv6LSNYvMlaxSCAlLBR4YnreMwQEl3eUZRCEnGsMDbzHLDOq1g-s9CkQKM/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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0xyty3JM5N79RjIMv-Bvo7CniwIlQKvsWmy-mjDOhxGXLrrF57o1g4znvmAdSz0DdyA6xhzEoubu3Yn6vT1dv6LSNYvMlaxSCAlLBR4YnreMwQEl3eUZRCEnGsMDbzHLDOq1g-s9CkQKM/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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0xyty3JM5N79RjIMv-Bvo7CniwIlQKvsWmy-mjDOhxGXLrrF57o1g4znvmAdSz0DdyA6xhzEoubu3Yn6vT1dv6LSNYvMlaxSCAlLBR4YnreMwQEl3eUZRCEnGsMDbzHLDOq1g-s9CkQKM/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

Available link for download