In my last Blogger post I covered how to set-up a blog to aid SEO, and create the groundwork ready to change its look and design to match your existing website.

Now we can move on to the nuts and bolts of the exercise, taking your chosen page code and inserting Blogger code elements into it- making a blog page that looks like it belongs on your site.

First you need to recreate your chosen web page on the Blogger domain. Log in to Blogger and go to "Template" then to "Edit HTML":




Now delete the code in edit html box and paste in the code you've saved from your chosen web page e.g.




Now save that in Blogger, and take a look at it in "View Blog"- it will look messy, and nothing like a blog, or your web page, but don't fret e.g.




To make it look like the 'proper' web page you'll need to go through the code and insert the correct URLs so that that Blogger can call them to appear on the blog page. This is a trial and error process, but be patient. You're looking for any element that is being called from another source (most likely your domain), here's some examples:
href="/news/"
img src="/images/main/VL-boost_r1_c1.jpg"
link href="/css/homepage.css"
onclick="document.location='/services/ourserver.asp';"

So that Blogger can find those elements put them into the blog page you'll need to insert a recognizable URL e.g.
href="/news/" would become href=http://www.vertical-leap.co.uk/news/
OR
href="/css/homepage.css" would become href="http://www.vertical-leap.co.uk/css/homepage.css"

Now save that page and "View Blog" again- it should look a lot more presentable. Now that a usable page is on the Blogger domain you can start inserting the "original blogger code" into this page. I'll cover this in the next post.