Yahoo Web Search

I would create an image sprite for my icons. And then for the markup I would use a list and set the icon images as background images to their respective anchor tags.

Something like this:

HTML

Whilst iFrames is literally speaking the way to embed the blog on your webpage it means you cant give people links to a particular post within the blog, so it doesnt treally work very well.

In the end I found you could simply the customize the blogger template to make your blog look like your other pages, I found this worked better than using iframes.

Just use an iFrame for this purpose. To embed a webpage in an iFrame in your own blog of a website is equivalent to copying that webpage into your own website or blog.

Adjust the width and height to your own values that you would like to use.

You could also add

To notify if a user uses a browser that does not support iFrame.

So the complete code will be

I'm a bit late to the party but If you want an alternative to straight out embedding your blog you could use the the Blogger api?

To my mind that would be the best solution.

On your site you are loading jquery in the head and then loading jquery slim in the foot of your page. In jquery slim load() is not supported. Instead of loading 2 versions of jquery lust load the full version of jquery in your foot section and place your jquery code after that. Here is how your page should look:

Now that you've linked the fonts, all you need to do is