How to Add Creative Commons License to Blogger

Creative Commons is one of the most common public licenses on the Internet, that allow for sharing and disseminating knowledge. Here are a few steps to add your license to both the footer of the whole blog and/or to the footer of each post.

Step 1: Choose your license

Go to the Creative Commons' website, and choose your license, then copy the HTML code.

Step 2: Add to your blog's footer

Go to your blog's "Layout", click on "Add Gadget" on the bottom, and choose "HTML/Javascript" gadget. Then "paste" your chosen license's HTML code there.
More detailed information in this blog post.

Step 3: Add to your posts' footer

To add the logo add to each post's footer, go to "Template" and "Edit HTML". Look for this 

<div class='post-footer-line post-footer-line-3'>

and add just the "anchor" tag, something like the following, before its </div>

<a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/"><img alt="Creative Commons License" style="border-width:0" src="https://i.creativecommons.org/l/by-nc-sa/4.0/88x31.png" /></a>

which would look something like this:

<div class='post-footer-line post-footer-line-3'>
  <span class='post-location'>
    <b:if cond='data:top.showLocation'>
      <b:if cond='data:post.location'>
        <data:postLocationLabel/>
        <a expr:href='data:post.location.mapsUrl' target='_blank'>
          <data:post.location.name/>
        </a>
      </b:if>
    </b:if>
  </span>
  <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/">
      <img alt="Creative Commons License" style="border-width:0" src="https://i.creativecommons.org/l/by-nc-sa/4.0/88x31.png" />
  </a>
</div>

More Information

• Creative Commons
• Tutorial to add license to blog's footer