Nov
11
Adding Graphics to Blog Sidebars
ByTutorials provided by Heather Wright-Porto of Blog by Heather
If you have a blog you will want to be updating your sidebars with linkable graphics. (Don’t forget to check out my Blog Candy every month). Although this is easy to do, it is easily forgotten as well since you only have to update the sidebars every once in a while. Below are step-by-step directions for importing the graphic into WordPress, Blogger and Typepad.
Wordpress
- In Wordpress go to Appearance > Widgets or Dashboard, > Design > Widgets.
- You will want to add a TEXT widget
- Add the text widget first and then save it
- Now EDIT the Text Widget
- You will want to copy and paste the code into the text area and select CHANGE
- Save Changes
Blogger
- Login to Blogger
- From the Dashboard, click on Layout
- Click or go to Page Elements
- Click Add a Gadget
- Choose HTML/JavaScript from the list
- Enter Title
- Then in the large text box area you will copy and paste the HTML code
- Save changes
- Drag and drop where you want the new sidebar item
- Save
- You’re done!
Typepad
- In Typepad go to Typelists (green tab)
- Select the white text “Create a New Typelist“.
- Choose NOTES from the List Type.
- Enter a title for your sidebar item
- Select Create New Typelist button
- You can enter optional text in the Label
- In the Notes section, copy and paste all the HTML Code
- Save changes
- Select Publish Tab
- Then put a checkmark next to your weblog name and click Save Changes
- Click on the blue text link “Content“. This brings you to the layout of your blog and the new item was most likely added to the bottom of your left sidebar. Click and drag where you want it to be.
- Save changes
- You’re done!



8 Comments
March 9th, 2009 at 8:30 am
Thanks, Debbie. You’ve encouraged me to start working on my blog again.
March 9th, 2009 at 4:49 pm
This is a useful resource, thanks for taking the time to share this Debbie.
June 27th, 2009 at 7:32 am
[...] To add a picture to your blog use the picture URL you copied from the above steps and follow the instructions on my blog according to your blogging application. http://debbiemcneill.com/blog/?p=677 [...]
July 9th, 2009 at 9:23 am
[...] Comments The Host with the Most :: Debbie McNeill’s Technology Solutions on Adding Graphics to Blog SidebarsAmy K on Good Friend Birdhouse Card Set Class FREE Special Report: 3 Simple Ways to Connect with [...]
July 16th, 2009 at 7:35 am
[...] Here’s instructions for adding graphics to blog sidebars. [...]
September 4th, 2009 at 4:16 am
[...] Here’s instructions for adding graphics to blog sidebars. [...]
January 22nd, 2010 at 12:46 pm
[...] Here’s instructions for adding graphics to blog sidebars. [...]
February 23rd, 2010 at 7:09 am
[...] Here’s instructions for adding graphics to blog sidebars. [...]