Saturday, June 26, 2010

For Blogger: Create a Dropdown Box for Categories and Archives

When your Category (Labels) list gets long in Blogger and takes up most of your sidebar, you may want to convert it to a dropdown box. Believe it or not, this is much to do in Blogger than in Typepad.


For Categories

* From the Dashboard, go to Layout.
* Go to Edit HTML.
* Find this line:

<b:widget id="Label1" locked="false" title="Labels" type="Label"></b:widget>
* Then replace with this code:
<b:widget id="Label1" locked="false" title="Categories" type="Label">
<b:includable id="main">
<b:if cond="data:title">
</b:if></b:includable></b:widget>
<h2>
<data:title></data:title></h2>
<div class="widget-content">
<select onchange="location=this.options[this.selectedIndex].value;" style="width: 180px;">     <option>Select a Category Here</option>          <option expr:value="data:label.url">     ()     </option>          </select></div>

* And Save
* You're done.

For Archives

* From the Dashboard, go to Layout.
* Then Page Elements.
* Find the Archives gadget and click Edit.
* There in the options, to the right of Style you can choose Dropdown Menu.
* Save changes.

You're done.
(Source:www.blogsbyheather.com )

0 comments:

Post a Comment

 
Free Host | new york lasik surgery | cpa website design