Link your Webpage to Blogger

Blogs

From time to time I will be adding items to these pages giving details of how to achieve certain objectives, usually related to genealogy and the use of Legacy software, often in conjunction with other software.

I am not suggesting that the solutions offered are the only, or indeed the best, options to solving problems but simply that they are ways which I have found to work.

* 'V' indicates a video is available

  1. Using Legacy Search V
  2. Search Events, Locations and Married Names V
  3. Create an Ancestry Book
  4. Map with Google Earth
  5. History of British Prime Ministers - Timeline
  6. British Civil Registration
  7. The Murder of Adam Mather
  8. Improve Photo Colour Balance
  9. Transparency with The Gimp
  10. Masking with The Gimp
  11. Web Safe Colours
  12. Create Legacy Web Pages - Part 1
  13. Create Legacy Web Pages - Part 2
  14. Create Legacy Web Pages - Part 3
  15. Using LTools Tidy Legacy HTML
  16. Insert Pictures into Web Pages
  17. Insert RSS Feed into Web Pages
  18. Getting Online
  19. Protect Your PC
  20. Open Legacy files with Open Office V
  21. FamGenContacts Database
  22. Create Direct Line Ancestor Tree
Legacy Users Subscribe to Web Users Group
Powered by
uk.groups.yahoo.com

The icons below are links to any other software mentioned.

  • Legacy
  • Open Office
  • Xara 3D

Fergys Blog:


Add RSS feeds from your Blog to your Webpage

In addition to this, and other websites, I also have a separate Blog which is hosted by Google's Blogger. When I decided to add links from my index page to my Blogger page, as reproduced above. I did look on the internet for something to do the job, but could only find one free site, whose future wasn't certain, and many scripts which on testing wouldn't. So I decided to build it myself.

The first thing we need is the URL for the RSS feed, this can take some looking for! At the very bottom of your Blooger page it says "subscribe to: posts (Atom)". Hover over the link and the URL will appear in the status bar. However we need the RSS feed and this is obtained by adding "?alt=rss" (without the quotes) at the end. Thus my url is http://ronfergy.blogshop.com/feeds/posts/default?alt=rss. Just substitute "ronfergy" with your own id to get your URL.

Yahoo Query Language


Coincidentally, as I was considering this project I came across YQL and decided to use this to get the links into my index page. If you visit the YQL Console you will see the screen below:

YQL Console

You can either use my RSS feed or your own, as you wish, and this is put in the box on the top left, leave it set to XML, and click "Test". Note that the wording is very similar to that used in SQL. The "*" means "everything", so it means, "select everything" from that feed, although I have limited it to 5 items.

In the box at the bottom you can see the full XML readout of the feed and the three sections which are now of interest are: the title of each blog, the link and, perhaps, the description - although I am not going to use this.

The Script

Firstly insert the following code into the head of your page:

<script type="text/javascript" src="yql_js_widget.js"></script>

You now need to get the javascript file "yql_js_widget.js" from here and place it in the same directory (folder) as your page.

Finally insert this script in the position on your page where you wish to place the links, after the HTML/CSS formatting,:


<ul id="widgetContainer">

<li><script type="text/javascript">
var config = {};
var format = '\<li\>\<a href=\"{link}\"\>{title}\<\/a\>\<\/li\>';
var yqlQuery = "select * from feed where url='http://ronfergy.blogspot.com/feeds/posts/default?alt=rss' limit 5";
yqlWidget.push(yqlQuery, config, format, "widgetContainer");
yqlWidget.render();
</script></li></ul>


All that is necessary now is to create the HTML or CSS, inserting as above, so that the output will display as you wish. For convenience I have put the one at the top in a small table.

Printer friendly version Printer

Corrections, comments and suggestions are welcome, so please use the contact facility below.


The above information is given without warranty either expressed or implied

The content last updated 30 November 2009