Business & Finance Blogging

How to Remove a Divider in a Sidebar in Blogger

    • 1). Open a Web browser. Go to the Blogger website at Blogger.com. Type your email and password. Click the gray "Sign in" button to go to the blog dashboard.

    • 2). Click the blue "Design" link under the blog name to go to the "Design" page.

    • 3). Click the blue "Edit HTML" link under the "Design" tab to go to the "Edit Template" page.

    • 4). Scroll down under "Edit Template" in the HTML view until you see coding similar to the following:

      .sidebar .widget, .main .widget {

      border-bottom:1px dotted $bordercolor;

      margin:0 0 1.5em;

      padding:0 0 1.5em;

      }

    • 5). Highlight the coding after the word "border." Type the word "none." The coding now looks similar to this:

      .sidebar .widget, .main .widget {

      border-bottom: none;

      margin:0 0 1.5em;

      padding:0 0 1.5em;

      }

    • 6). Click the orange "Save Template" button. Click the blue "View Blog" link to see the sidebar without the divider.

Leave a reply