Blog HTML Coding

I edited the layout, style and HTML coding type of our blog in order to make it more suitable for our genre than the default Blogger blue. Outlines below are the steps I took in order to edit our blog into what it currently is. This process took a long time and involved me learning many new skills about photo editing, however I think the final outcome is similar to what we discussed creating in class.

Initially, I changed the default colour scheme from blue to green as I thought a green tinted forest picture would be a suitable background. After having done this however, I found that it was hard to read white writing on a green background and our blog was less aesthetically pleasing when the font was black. For this reason, I changed the colour scheme to grey and decided to edit one of my own images to match that.

Beginning with a simple forest picture I took in the autumn of last year, I added a blue-grey colour filter on a photo editing website and reduced the saturation and contrast levels. I also cropped the image to make it the right dimensions for our background and made the image less sharp.

I also set the image so it did not scroll with the page and was always fixed in a particular position on screen, this meant that the image did not have to be tiled, which looked better.

By making the blog width wider in comparison to the page, the font automatically became much larger so it was easier to read. The tags section also became wider so the tags which has less items (and were much smaller that the others) were much more readable which makes our blog very simple and easy to use.

 Because the rest of our colourscheme was grey, I changed the shade of grey that was our header to a darker tone, this worked better with the dark background and made our title more obvious. 

To go with the header, I also changed the colour our links would be when clicked / unclicked from shades of pink to shades of grey. This is more suitable for te rest of the blog colour scheme.