Blog Set Up: How To Add Widgets

Posted by Neville on November 6, 2010 under Blogging, How To | Comments are off for this article

Placing a box with code in a sidebar

The blog that subscribers have here at dotrim is a fully featured WordPress blog and it is not necessary to import a widget to use for adding javascript and html. Unlike some other blogs which use a multi-user version of WordPress, you just need to place a Text Widget in the sidebar, and paste any javascript or html code in that textbox.

A series of How To… posts begins here.

This post is the first of a series of posts on dotrim that show how to do some of those little things that can be so annoying when you can’t seem to be able to work out how they are done.

Many readers probably already know this but these are the steps to put something like an APsense widget in the sidebar.

In this example I am using the APSense widget, but it could be any javascript or html code that you want to include, such as an autoresponder form, AdSense or KART Advertising.

  • First get your APSense widget code and copy it.
  • Next login to the blog and go to the dashboard
  • Select Appearance from the left hand side menu.
  • Select Widgets from the Appearance menu options.
  • From the available widgets (in the centre column of the page) click and drag Text to the sidebar, where you want the code to appear.
  • Give the Widget a title (optional)
  • Paste the code into the main body part of the widget.
  • Finally, and also very important. Save the widget.

Once that is done, go to the blog and the widget should display the APSense widget. If it doesn’t, you might need to refresh the page.

Add Widget

1: Open Appearance Menu. 2: Select Widgets

The images below will show the process by using screenshots from this blog.

The screenshots assume that the code to be placed in the widget has been copied and is ready for pasting.

This image shows from the Dashboard menu that the Appearance menu has been opened (1) and the the Widget option has been selected.

When that occurs all available widget will be displayed in the centre of the page.

Also, any widgets that have been deactivated will be shown at the bottom of the active widgets. This is handy, because if you want to rest a widget for a short time it can be stored there and reinstated at a later time without having to go through the process of having to set it all up again.

Drag Widget

Drag Text Widget to the Sidebar

The next step is to drag a Text widget into the sidebar.

From the available widgets, click and drag Text to the location on the sidebar where you want the widget to sit. Once in postion, release the mouse button and the widget will open up, ready for you to

  1. Give it a title (this is optional)
  2. Paste the code into the main text box.

Once that is done you are ready to save the widget. This is a very important, and easy to overlook step, so I will repeat again.

Do not forget to save the widget before navigating away, or going to check out if it is working!

If you enjoyed this post, please consider leaving a comment or subscribing to the RSS feed to have future articles delivered to your feed reader.

Comments are closed.