Displaying the image and text of the most recent post of blogger.com

The challenge is to display an image and the title of you most recent blogger.com blog post.
1 answer

Developing a blogger.com gadget that displays both, an image and the title of the most recent post

The steps do do so would be the following:

  1. Look up the internet for getting started documentation for blogger.com gadgets (Blogger documentation)
  2. Write a helloworld gadget and try to upload the gadget to your blog (add the helloWorld Gadget to your ftp, add it then to your layout by choosing "Layout" and clicking the following, at last enter an URL and hit the "add url" button)
  3. if the upload was successful look up how one can get the image link and the title of the most recent post programmatically
  4. search the web how to display an image and a title with xhtml
  5. search the web how to style the previsouly mentioned tags with css accordingly
  6. put the pieces together and test
  7. iterate until the desired outcomes are archieved
  8. upload the solution to your blog

In order to get a kick start, here the helloWorld.xml


<?xml version="1.0" encoding="UTF-8" ?>

Description of the structure:

  • ModulePrefs: Here preferences for the gadget can be defined, which can then be used within your code
  • your custom HTML, CSS and JavaScript all goes into the Content part. as CDATA

Taggings: