Let out the beast

There are many people who only reblog black and white pictures, now you don't have to be frustrated over that fact because you can make any picture appear as a black and white one thanks to a little bit of coding!

→ Go to the " edit HTML " section of your blog.

→ Find the " img {...} " in your code, it should be near the beginning of the CSS part.

→ Paste the following code between the {}, right after whats already inside :

    filter: url("data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'><filter%20id='grayscale'><feColorMatrix%20type='matrix'%20values='0.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200%200%200%201%200'/></filter></svg>#grayscale");     filter: gray;     filter: grayscale(100%);     -webkit-filter: grayscale(100%);     -moz-filter: grayscale(100%);     -ms-filter: grayscale(100%);      -o-filter: grayscale(100%);

• Those lines look quite similar, but each one is meant for a particular browser. I don't know if this code works on all of them but the major ones should be ok with it.

Now your photos should appear in black and white, but wait... the photoset may still be coloured, here is the way to solve that problem :

→ Still in the CSS part of your HTML code, paste the following lines just before the " </style> " :

#photoset {     filter: url("data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'><filter%20id='grayscale'><feColorMatrix%20type='matrix'%20values='0.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200%200%200%201%200'/></filter></svg>#grayscale");     filter: gray;     filter: grayscale(100%);     -webkit-filter: grayscale(100%);     -moz-filter: grayscale(100%);     -ms-filter: grayscale(100%);      -o-filter: grayscale(100%); }

→ Now find the " {block:Photoset}...{/block:Photoset} " in your HTML code, should be in the end.

→ You should find something like " {Photoset-400} " between those, with maybe another number but that doesn't matter (it is in fact the width of the photoset for your blog).

→ Before this, paste " <div id="photoset"> " and after paste " </div> ". It should look like this :

{block:Photoset}<div id="photoset">{Photoset-400}</div>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}

You're done! :)