Badge Maker FAQ

Here are some of the most commonly asked questions about the Flickr Badge Manager. If you have a question that is not answered here, please go to the Flickr Badge Maker group on Flickr and post your question there.

Where can I use my badge?

You can post your badge anywhere on the web that lets you post a <script>.

Can I post my badge on Flickr?

Sorry, but no. Flickr don’t allow you to post javascript anywhere on their site.

Why isn’t my badge showing the photos I’ve just uploaded?

In order to improve performance, and not make excessive use of the Flickr API, the Badge Maker caches the badges for a short while. If your badge isn’t showing up to date results, just be patient—it won’t be long before it updates.

The styles are a bit basic. Can I design my own?

Yes you can. Choose “None (I want to create my own CSS)” from the Style drop-down menu.

How do I know what CSS styles I need to create?

The HTML generated by the Badge Maker is pretty straightforward—it was designed to be easy to style. Here’s what a typical badge looks like:

<div id=”dopiaza-flickr-badge-1″ class=”dopiaza-flickr-badge-container”>
<ul class=”dopiaza-flickr-badge-content”>
<li class=”first”><img src=”/path/to/first/image”></li>
<li><img src=”/path/to/second/image”></li>
<li><img src=”/path/to/third/image”></li>
<li class=”last”><img src=”/path/to/fourth/image”></li>
</ul>
</div>

As you can see, each badge is in its own <div> which has the class dopiaza-flickr-badge-container. Additionally, each badge has it’s own unique id. If you have multiple badges on a single page, the first badge will be called dopiaza-flickr-badge-1, the second dopiaza-flickr-badge-2 and so on.

I’ve built a really cool style—can I share it with the world?

Sure, I’d love to see what people are doing with this. Feel free to share your CSS over in the Flickr Group.