you're reading...

Background Transparency for the Biblioblog-SBL Affiliate Badge

Thanks to Mark Hoffman for introducing a version of the Biblioblog-SBL Affiliate badge with a non-white background. With this color change, in an effort at collaborative improvement, I was able to get OpenOffice.org Draw to translate this background to transparent for use on blogs or places on blogs with non-white backgrounds.

Biblioblog-SBL Affiliate


About David Stark

Associate Professor


7 thoughts on “Background Transparency for the Biblioblog-SBL Affiliate Badge

  1. Hey nice. May I ask how to make this appear on a wordpress blog, as you’ve done? I’m not so clever when it comes to such things!

    Posted by Matthew | September 8, 2009, 10:04 am
    • Certainly, Matthew. Glad to help. First, click the image in this post or the one in the sidebar, download it, and upload it to your own WordPress webspace. Second, start a new post, click the insert image icon, and select the image you just uploaded. The HTML code that WordPress inserts should be something like this:

      <a href="http://&#91;link URL&#93;" rel="nofollow"><img src="http://&#91;badge location path&#93;/biblioblog-sbl-affiliate-transparent.png" alt="Biblioblog-SBL Affiliate" title="Biblioblog-SBL Affiliate" width="145" height="164" class="aligncenter size-full wp-image-3085" /></a>

      If you delete the height attribute (“height=‘164’” in the example), you can customize the width as you like, and let the browser scale the height appropriately. Or, you can specify the height and delete the width attribute so the browser will scale that attribute automatically.

      Third, if you want this image in a sidebar widget, add a “Text” (which will let you add any HTML string) widget to your sidebar, and copy and paste the whole HTML segment as adapted from the sample above into the Text widget. Click save on the widget, and you should be good to go.

      I hope that helps, but let me know if it doesn’t quite address your question. Thanks for stopping by.

      Posted by David Stark | September 8, 2009, 10:20 am
  2. Amazing – it worked! Thanks for a very clear explanation 🙂

    Posted by Matthew | September 8, 2009, 10:48 am
  3. Ah… you noticed! I was wondering if someone else would appreciate it, and that can only mean that you are at least as geeky as I am! Yes, I did create a transparent background and then colored it in. I’m glad you are sharing it around.

    Posted by mgvh@ltsg | September 8, 2009, 12:44 pm

Leave a Reply

Please log in using one of these methods to post your comment:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s

Licensing Information

Creative Commons License
This site and its content are licensed by J. David Stark under a Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 United States License. The views expressed here are the author's own and do not necessarily reflect those of any other person(s) or institution(s).
%d bloggers like this: