Avatars
June 6, 2008
So, you joined Tuesdays with Dorie and now you want to put our cute little banner/avatar up on your blog but you have no idea how to do it. Well, you came to the right place because we have directions for wordpress and blogger. I don’t know how to do it with any other blog hosts so you’re on your own ![]()
We’ll start with the instructions then get to the images and the code that goes with them (code for each image is under the image).
WordPress Instructions
Choose the code under the image you want to put in your blog.
Go to your dashboard and click on design
Select Widgets
Add a Text Widget
Paste the code in the text Widget and move your text widget to the order you want it to appear on your sidebar
Save and you’re done
Blogger Instructions
Blogger can be a little trickier because sometimes it likes to add extra quotes. If it adds extra quotes, just monkey around with the quotes around the end of the url until you can convince blogger that you’re doing the right thing.
Go to the layout section
Click add a page element on the top of the right column
Then find the element called “HTML/Javascript” and add it to your blog
Put the code in, save and you’re done

<a href=”http://tuesdayswithdorie.com”><img src=”http://tinyurl.com/44mhh4”></a>

<a href=”http://tuesdayswithdorie.com”><img src=”http://tinyurl.com/3skfx2”></a>

<a href=”http://tuesdayswithdorie.com”><img src=”http://tinyurl.com/44tr7t”></a>


June 7, 2008 at 7:38 am
I am having no luck with inserting the avatar. The top one leaves a message saying the photo bucket image has been moved. The bottom 2 just give me the text of the code.
Technology doesn’t love me today.
June 25, 2008 at 2:37 pm
This is the widget text I’ve been using with WordPress. If you copy and paste it into your widget, I would think it would work for you!
June 25, 2008 at 2:37 pm
damn… didn’t post the code…
June 25, 2008 at 2:38 pm
send me an email and i’ll send it to you! katie (AT) cassady (DOT) com
June 29, 2008 at 6:02 pm
I can’t even find the layout section as stated in step 1. Where is that?
July 10, 2008 at 7:26 am
I’m using blogger – just started yesterday. I found that clicking on the avatar picture and saving it to my computer and then using “add a photo” and placing the link to the TWD website worked great.
July 16, 2008 at 9:16 am
Does anyone know how to do this for typepad???
August 30, 2008 at 6:39 pm
I copied the link for blogger, but had to delete the quotes and retype. Then it worked.
September 30, 2008 at 6:27 pm
Does anyone know how to do this for blogspot?
M
October 15, 2008 at 9:49 am
I tried retyping the quotes for wordpress, and it worked like a charm! Thanks, Michaela!
October 15, 2008 at 10:26 am
@Mary – I think blogspot is just another name for blogger so you should be able to follow the instructions above. HTH.
October 22, 2008 at 7:28 pm
OK – can’t get it to work. Pasted it into blogger and it seemed to paste properly but can’t seem to make it work. Frustrating!
Will fiddle with it later.
November 9, 2008 at 8:07 pm
I pasted it, saved it, it didn’t show up, so I went to edit, and there were extra quotation marks (I think that’s must be what they meant above). After I removed the extra quotation marks (which of course were NOT there when I pasted it the first time) and saved, then everything turned out okay.
But I agree, very frustrating!
January 5, 2009 at 11:16 pm
Any chance anyone has gotten this to work thru wordpress? I tried all three avatars with zero luck!