Blog Layout

As I was unwell today and couldn't make it to college to edit the final production I decided that the blog needed a bit of an overhaul as it wasn't very attractive, I wanted to make it simple and pleasing.

For starters, here is what it looked like at first:

Very bland and boring! Also the margins of the columns was off meaning that the pictures were going over the borders into the other columns making it look messy, I decided to clean that up, change the colour scheme, add a personalised header and make the Twitter feed work.

It now looks like this:

Which in my opinion looks a lot nicer and as it is personalised to us suits it a lot more. Also the Twitter feed is now working and there is a blog archive making it easier to navigate our work.

I made the header in Photoshop and found the 3 logos (Facebook, Twitter and YouTube) online which were very handy and make it look a lot nicer.

The one problem I faced was trying to add links to the header, there is not a specific part on blogger where you can do so, so I visited a website called image mapper which enabled me to map the image and generate an HTML code which I then pasted into a new widget on Blogger which then produced the image as a header with the hyper links over the places I selected but it was off centre and raised a bit which didn't look right, I was able to centre it but I wasn't able to lower it so I have just resulted in using the first one with out the links for the time being and adding a new page with all our links.