Tuesday, June 10, 2008

How to embed a Flickr badge onto your blog

  1. Sign in to your Flickr account
  2. At the bottom of the page click Tools (in the Help tag)
  3. On the right hand side look for "Display Flickr photos or video on your website" click the build a badge link.
  4. It will automatically select the HTML format, don't change it, just click the blue box at the bottom that says NEXT: CHOOSE CONTENT.
  5. Choose which photos you want to include on your badge, then click NEXT: CHOOSE LAYOUT.
  6. Click the options you want to choose your layout, then click NEXT: COLORS.
  7. Choose colours for your background, border, links and text, then click NEXT: PREVIEW & GET CODE.
  8. If you are happy with the badge, click in the text box, this will automatically select all the text, push Ctrl C, to copy the code.
  9. Now sign in to your Blogger account.
  10. Click View Blog.
  11. Click Customise in the top right hand corner of the page.
  12. On the right hand side click Add a Page Element.
  13. Find "HTML/JavaScript" half way down left column, and click ADD TO BLOG.
  14. Click in the content text box and puch Ctrl V to paste the code.
  15. Give your badge a title if you wish, then click SAVE.
  16. Your badge will now appear on your blog
  17. Give yourself a pat on the back.

No comments: