« Adding Stats to Your Blog with SiteMeter | Main | Uploading New Header Photos »

Adding a Widget to Your Sidebar (e.g., March Madness)

** NOTE ** The instructions below will not work as displayed with the Firefox browser. If you are using Firefox, in the actual code change all you see an "ampersand"lt to < and all "ampersand"gt >.

So you want to add links to your sidebar, in their own widget. Using the March Madness bloggers as an example, let's go through the steps.

From the Main Menu of your blog, click on templates.

march_madness_1.jpg

Next click on Modules

march_madness_2.jpg

Next click "Create New Template Module"

march_madness_3.jpg

Under "Template Name" type, "Widget: March Madness"

Then, in the Module Body, copy and paste the code below and then click "Save"

<div class="module-archives module">
<h2 class="module-header">March Madness Bloggers</h2>
<div class="module-content">
<ul class="module-list">
<li class="module-list-item"><a href="http://www.slowtrav.com/blog/sandrac" target="_blank">A Journey of 1000 Miles … Begins With too Much Luggage</a></li>
<li class="module-list-item"><a href="http://www.slowtrav.com/blog/robertrainey" target="_blank">Beyond the Lunatic fringe-Travels with Robert</a></li>
<li class="module-list-item"><a href="http://fizzybeverage.blogspot.com/" target="_blank">Blonde Momentos</a></li>
<li class="module-list-item"><a href="http://www.slowtrav.com/blog/amy" target="_blank">Destination Anywhere</a></li>
<li class="module-list-item"><a href="http://jdeq.typepad.com/" target="_blank">Jerry's Thoughts, Musings, and Rants!</a></li>
<li class="module-list-item"><a href="http://www.slowtrav.com/blog/deborah" target="_blank">Old Shoes, New Trip</a></li>
<li class="module-list-item"><a href="http://www.divinacucina.blogspot.com/" target="_blank">Over a Tuscan Stove</a></li>
<li class="module-list-item"><a href="http://www.slowtrav.com/blog/palma" target="_blank">Palmabella's Passions</a></li>
<li class="module-list-item"><a href="http://www.slowtrav.com/blog/marta" target="_blank">Postcards From the Trail</a></li>
<li class="module-list-item"><a href="http://www.slowtrav.com/blog/girasoli" target="_blank">Shave Ice and Gelato</a></li>
<li class="module-list-item"><a href="http://www.slowtrav.com/blog/bge" target="_blank">That's My Story...And I'm Stickin' to It</a></li>
<li class="module-list-item"><a href="http://www.slowtrav.com/blog/chris" target="_blank">The Best Trip Ever</a></li>
<li class="module-list-item"><a href="http://www.slowtrav.com/blog/tuscanartist" target="_blank">Vagabond Artist</a></li>
<li class="module-list-item"><a href="http://www.slowtrav.com/blog/kim" target="_blank">What I Really Think</a></li>
<li class="module-list-item"><a href="http://whistlestopcooking.blogspot.com/index.html" target="_blank">Whistlestop Cafe Cooking </a></li>
</ul>
</div>
</div>

march_madness_4.jpg

The above is a list of the March Madness Bloggers. If you want different links, change the URLs, and names to the corresponding websites. Delete which links you do not use, or add links if you need to. For more information on this see: Adding Links to Your Sidebar section.

Now click "Templates"

march_madness_5.jpg

Page down, and click "Manage My Widgets"

march_madness_6.jpg

Click "Slow Travel"

march_madness_7.jpg

See where it says "March Madness" in the right hand column, click on that and drag it to the left as in the following screens. I put mine above the "My Links" section. You can tell where the widget is "going to land" by where the line appears in the second screen below.

march_madness_8.jpg

march_madness_9.jpg

Now that you see "March Madness" in the left hand column, click "Save Changes"

march_madness_10.jpg

Click, "Rebuild My Site"

march_madness_11.jpg

Click "Rebuild"

march_madness_12.jpg

Click "View Your Site"

march_madness_13.jpg

You should now see your March Madness Bloggers on the right side of your blog, on the first page.

march_madness_14.jpg


Post a comment

(If you haven't left a comment here before, you may need to be approved by the site owner before your comment will appear. Until then, it won't appear on the entry. Thanks for waiting.)

This page contains a single entry from the blog posted on March 5, 2008 4:32 PM.

The previous post in this blog was Adding Stats to Your Blog with SiteMeter.

The next post in this blog is Uploading New Header Photos.

Many more can be found on the main index page or by looking through the archives.