How to Center a Link List in Blogspot

Customize the appearance of your Blogger blog's Link List by centering the gadget.

With the Link List gadget on BlogSpot -- now called Blogger -- blogs, you can display a list of links to your own posts or external Web and blog pages in a sidebar on the blog. By default, Blogger displays the list of links justified to the left, and you can’t change this alignment with the gadget configuration tool. To center the Link List in Blogger, use the workaround solution of editing the gadget’s design code in your Blogger template’s HTML code page.

Instructions

1. Sign in to your Blogger account. Scroll through the list of blogs displayed on your Blogger Dashboard page.

2. Click “Design” in the menu options below the title of the blog with the Link List gadget that you want to edit.

3. Click “Edit HTML” in the Design menu bar at the top of the page.

4. Click and enable the “Expand Widget Templates” check box in the “Edit Template” section.

5. Scroll to the “]]> </b:skin>” HTML code in the template. Find this quickly by using your Web browser’s page search function, which you can access by pressing the “F3” key on your computer keyboard.

6. Paste the following code immediately before “]]> </b:skin>”:

   #LinkList1 {
   width:300px;
   margin:0 auto;
   }

7. Click the blue “Preview” button toward the bottom of the page to preview how the Link List looks. Click the orange “Save Template” button to implement and publish the changes to your blog.

Tips & Warnings

• Before editing your blog’s HTML template, you can download a backup copy of the existing template to your computer’s hard drive by clicking the blue “Download Full Template” link in step four.

References

• Google: Blogger; Can I Edit the HTML of My Blog's Layout?

Resources

• Google: Blogger; Get Started