How to Make Blogger Categories Into a Drop Down Menu

Discussion in 'Blogspot' started by Tanimowo johnson, May 6, 2017.

  1. Tanimowo johnson

    Tanimowo johnson Administrator Staff Member

    The Blogger labels gadget is a default sidebar gadget that displays a list of your categories in a list format, either alphabetically or as a word cloud. Although the gadget does not include an option for configuring the display of categories in a drop-down menu, you can achieve this effect by editing the HTML of your blog design.

    1. Navigate to Blogger and sign in to your account.

    2. Click the account drop-down menu and select "Layout."

    3. If the "Labels" gadget is not already include in your layout, click the "Add a Gadget" link in the location where you want the categories menu to appear and then click the "+" icon beside "Labels."

    4. Select "Template" from the left sidebar.

    5. Click "Edit HTML" and then click "Proceed."

    6. Click the check box beside "Expand Widget Templates."

    7. Find "<b:widget id='Label1' locked='false' title='Labels' type='Label'/>" in the code and replace it with: <b:widget id='Label1' locked='false' title='Labels' type='Label'> <b:includable id='main'> <b:if cond='data:title'> <h2><data:title/></h2> </b:if> <div class='widget-content'> <select onchange='location=this.options[this.selectedIndex].value;'> <option>Select a label</option> <b:loop values='data:labels' var='label'> <option expr:value='data:label.url'><> (<data:label.count/>) </option> </b:loop> </select> <b:include name='quickedit'/> </div> </b:includable> </b:widget>

    8. Click "Save Template."
  2. Loading...

Share This Page