How to Embed a Flickr Gallery (or YouTube Clip) in Your NationBuilder Supporter Navigation

NationBuilder uses Embed.ly to allow Flickr (and loads of other content) to be directly embedded into blog posts & pages by simply adding the URL to NationBuilder’s text editor.  

But what if you want to have a flickr gallery or youtube video display in your NationBuilder sites sidebar? Help is after the 'read more'.

Quick & simple instructions (using flickr as an example, but should work with YouTube, Vimeo etc)

1) Login to your Flickr account and open the set you wish to embed.
2) Enter slideshow-mode, select “share” then “customize this HTML”.
3) If you’re using a NationBuilder official theme or a custom theme with a same-sized supporter nav, set the width of your flickr gallery to 280px wide.
4) Copy the updated Flickr embed code to your clipboard.
5) In your NationBuilder dashboard navigate to Pages > Themes and open “_columns_2.html” (note: you must be running a custom theme, but you can easily clone your official theme, directions here)
6) Paste the embed code after the last {% endif %} and but ahead of the “</div>” & “<!-- right columns ends -->”
7) Hit save and publish and you’re done!

Below is an example from a client site, you can see the flickr gallery below the facebook widget.

zebking.JPG

Let us know
what you think...
Please check your e-mail for a link to activate your account.
  • commented 2013-12-28 14:22:43 -0500
    Thank you
  • @adrielhampton retweeted @cStreet_ca 2012-07-04 14:57:51 -0400
    How to embed a YouTube video or Flickr gallery in your NationBuilder supporternav: http://t.co/kfLJu1EA #nptech
  • published this page in Blog 2012-06-19 15:10:35 -0400
P (CA): 1-416-837-7918
P (US): 1-213-985-1270

cstreet + NationBuilder