Adding a Block Lotto Badge to Your Blog

Posted by on February 25, 2010 in blocks | 10 comments

I didn’t get a lot of response on the questions of size and text, so I went with what I got.  If you would like to show your support/participation to the Block Lotto by adding this to your blog . . .

Here’s the HTML code you’ll want to copy:

If you are adding it to a blog sidebar and your blog is hosted on blogspot, the steps are these:

  1. Open your blog, log in (if you aren’t) and click the customize link in the upper right corner of the screen. 
  2. On the Add and Arrange Elements Page, click the link to Add a Gadget in the area where you want to add the badge
  3. Choose HTML/Javascript from the list
  4. Enter an (optional) title, then paste the HTML code above into the content text box.  Click Save
  5. Back on the Add and Arrange Elements Page, your new element will appear at the top of your sidebar.  You can click-hold-and-drag it to wherever you would like it to appear on your blog page.

On other blog platforms and social media sites, you may be adding a “Text Box.”  I just added this code to my Ning page for the Dallas Modern Quilt Guild, by adding the Text Box application to my personal page and it worked without changes. 


    1. I added it to mine 🙂

    2. Would it be possible for me to add the "Block Lotto at a Glance" to my blog? If so, I wuld I do it?

    3. My Block Lotto Badge quilt project came about because I figured no one (besides me) would care to update their blog every month. How about if, beginning next Month (Monday), I make the HTML code for that available to anyone who wants it?

    4. Added to my blog 🙂

    5. Done – so easy to follow – thanks!!!!

    6. So glad to have found your blog through my giveaway! What a great blog button! Hope you are having a good day!

    7. I am totally lost on how to add this button on my blog spot. Maybe it's not even do able on my little blogspot blog??? :C

    8. Rho, you absolutely should be able to add this to your blogspot blog. When you go to your blog, do you have the Customize link at the upper right? If so, when you click it, do you see a diagram of the different elements on your blog?

    9. I added the button to my blog. It is a cute quilt!

    10. Added it to mine!

      Rho, I'm on blogspot – you need to go to Customise, then Add A Gadget, then choose HTML/JavaScript gadget, then type in a title in the title line and copy & paste the code that Sophie put in the post above (make sure you get all of it) into the main body of the window (Content area). Press save. Then View Blog to check it worked.

      And you should magically have a new button on your Blog that you've successfully added without having to know how to do techy stuff and write code (at least that's my attitude to it!)

    Social media & sharing icons powered by UltimatelySocial