UPDATE: Thanks everyone! We got Nikki all squared away. See what a little love (and community) can do?
Hello everyone! We’ve got a Sooper Hero in need of a little help. She’s trying to add a Blake Makes Badge to her Blogger blog. I use WordPress, so I’m not as familiar with the Blogger blogging platform.
Can someone comment on this post with instructions for how to add the badge to a Blogger blog?
Thanks!
11 Comments
Trackbacks
Leave a Reply
Recent Posts
Carbonara Deviled Eggs
And, now for the main event. This is the deviled egg I've been waiting weeks to share with you! It's...Read More
First Rule of Rib Cookoff Judging
Pace yourself. I'm seriously sporting a rather hefty pork hangover, but after a long day of tasting for Hogs for...Read More
Foodzie Friday: Hot Chocolate On A Stick
Foodzie.com is already a place to find delicious foodie finds, but it's increasingly becoming a place to encounter the most...Read More
Guilin’s Mountains Are A Sight To Behold
I've got a list going of the most beautiful places I've seen in my life, and after seeing the mountains...Read More
Blake, do you have a jpg of the image? I am not familiar with blogger either, but I tried adding the code on Vox and I think the problem (for me) is that Vox is picky with the .png format. Of course, I could just copy your image and save it online somewhere as a .jpg but just wondering if you’ve already done that
Thanks!
From the blogger dashboard:
Click on “Layout”
Assuming she has a two column layout, she should click on add page element in what looks like it would be the sidebar. A pop up appears. Then chose the HTML/JavaScript option by clicking on “add this element”. Make a title that can say anything, mine says Badges.
Put the html code into the content space. click save changes. Move the element to where you want it placed/located in the side bars.
back on the layout page, click save and it will be done.
If you do what Blair mentioned, you may still have problems. I know for my Master Baker event people have had problems adding the little logos to their blogs in blogger because for some crazy reason blogger is adding double quotes around the urls … have them check to see if that’s what’s happening, if so, messing with the quotes should help
Here is what I did: I added an HTML/Java thingy to my layout, and put the following into it -
Grr… basically, take what Blake has on his badges page and take out the border=0 and the width and height values as well. Blogger chokes when you try to constrain the size, since it’s already defined by the picture source.
You guys ROCK! I did what Caitlin said, and then also what Nikki said about the quotes. Thanks! I finally got it!
(Yes…I’m the Sooper Hero who needed your help)
Look what a little love (and community) can do! Thanks everyone! bk
Yay I’m glad it worked!
Glad we could help!
Yay!
yea! I’m glad I wasn’t the only one with this issue. Thanks for the fix!