Back to my main site: Home | Portfolio | Services | FAQ | Contact | About Me
Every Day Free – But Never Cheap!
Exclusively for RapidWeaver users • only free and low-cost stuff

Another RapidWeaver blog

Yes, it's true: one more blog about our favorite web site building application for MacOS. But this one is a little different. It started back in 2011 as a blog focusing solely on free and low-cost stuff for (producing a web site with) RapidWeaver: themes, tools, tips, tricks, anything, as long as it was free – or low-cost.
    Over time, the Stacks plugin became more popular, and coding yourself was no longer an option for many people, so I started to develop my own stacks in the spirit of the blog: free (well, actually pay-what-you-want) and low-cost.
    This blog evolved with it, and is now primarily about those new stacks, although from time to time I will post about other free and low-cost stuff for RapidWeaver.

Follow me on Twitter

Do you know something free (or low-cost) & useful related to RapidWeaver not mentioned here? Have a suggestion for a subject to write about here or for a new stack?
Tips, questions and remarks are always welcomed.
Just and help expand this little blog!
no, not this way…

Showing your last blog posts

It's a big wish of many bloggers: showing their last blog post(s) on their home page, e.g. in the sidebar. There are several solutions to achieve this, but most of them are pretty complicated. Here's an easy, copy-and-paste solution using Feed2JS that will not only allow you to show the last post(s) of you own blog, but also of any blog that has a RSS feed.

  1. Find the blog's RSS url by visiting it with a browser, right-click (or ctrl-click) on the link to the RSS feed and copy it. Important: for this method, only feeds that start with http:// will work, so when the feed's url starts with feed:// it's bad luck for you – sorry.
  2. Go to Feed2JS' Build a Feed! page and past this url in the first field and make choose the options you like, but make sure Use HTML in item display? is set to no and use UTF-8 character encoding is selected.
  3. Click 'Preview Feed' to see what you've got so far. Never mind the styling now, just pay attention to the content.
  4. Change of the settings until you're happy and click 'Generate JavaScript'.
  5. Copy the code and paste it where you want it to appear in your project. When in a styled text page or area, don't forget to select the code and apply Ignore Formatting. The result will look more or less like Example #1. The actual look will vary from theme to theme, but I'm sure your not satisfied yet, especially when you have bullets and text indent on the left. So let's…
  6. …apply some css to beautify the whole thing. The easiest way is to go to Feed2JS' style page,enter the url from step 1 again and select one of the styles under Style Selector to find one that's closest to what you have in mind and click style this feed!. Paste the CSS in Page Inspector > Header CSS. Adjust the CSS until you're happy with the result.
    When you're savvy enough with CSS, you can consider using No Style / Blank Template and style everything from scratch.
    At the bottom of the page you'll find an explanation of all the CSS classes used, and even a sketch. Example #2 shows you the result of some basic styling, including the CSS used.
  7. When you're using RapidBlog the Blogspot.stack and choose to display the time and date for each item in step 2, you'll notice that the date and time is formatted as 2011-12-24 11:42:00.000-08:00. Not really a good idea, but Feed2JS uses the format provided in the RSS feed generated by RapidBlog. As far as I know, there is no way to set that date and time format in RapidBlog, so the best you can do (except choosing not to show the date at all in step 2!) is to use jQuery to truncate the date and time to 10 digits (2011-12-24) or 16 digits (2011-12-24 11:42). See Example #3 for the result, and the jQuery code. If you need help implementing this code, take a look at this tutorial.
  8. When valid html is important to you, there's one more step to take: replace all ampersands (&) with &​amp; and you're html is valid again! See Example #4 for the code.

Please take a look at the Feed2JS Help Page when you're interested in advanced features like mixing several feeds, displaying more than one feed with different styling, a basic troubleshooting guide, etc.

One last tip: make sure you set the title and description of your blog to something meaningful. The default (for the built in blog page) is My RSS Feed and Hot News! It looks kind of silly if your feed starts with that…