Recently I was working on a client’s website and received a request for the first time. This client wanted her blog integrated into the main page of her site–in other words, on her website’s main page she wanted a section that said “From the Blog” or something similar, followed by the latest three blog posts, each with a brief description of the entry. Now, if her blog and her website were all part of the same Content Management System (CMS), such as WordPress, this would be a cinch–but as it were, her website and her blog were on two completely different servers, making the job a bit more complicated.
After scouring the Internet for resources on this topic, I put together a solution with the help of a few different online articles. After putting this method to use myself, I decided to write an easy 3-step tutorial on this topic for others to follow.
- The first thing you’ll need is to find out your RSS Feed link. RSS stands for Rich Site Summary, and is a format for delivering regular changing web content (such as blog posts) to external sources. You can find your RSS Feed link by first visiting your blog’s main page and then choosing View Source from your tool bar. In Firefox this would be command U or View → Page Source. In Safari this would be View → View Source. In Chrome this would be View → Developer → View Source. Once you are viewing your page’s code source (which may look like a jumbled mess), look towards the top of the page for something that looks like this:
- The last step is to paste this into your website code, wherever you may like it—on your main page or in the sidebar. You should be able to paste it into an HTML or PHP based page with no problem. Now when your website loads, you should see snippets from your external blog with live links that will take the visitor to the entry of their choosing.
I realize that’s probably difficult to see, so what you’re looking for is:
<link rel=”alternate” type=”application/rss+xml” title=”Continuum Web Design Blog » Feed” href=”http://continuumwebdesign.com/blog/?feed=rss2″ />
Your URL will look a bit different, but it should have your domain included, along with “feed” and “rss”. The http address in quotes is your RSS Feed Link. Select it and copy (command C).