For recent or previous posts: Look for this code in your template
<h2 class="sidebar-title">Previous Posts</h2>and replace it with:
<ul id="recently">
<BloggerPreviousItems>
<li><a href="<$BlogItemPermalinkURL$>">
<$BlogPreviousItemTitle$></a></li>
</BloggerPreviousItems>
</ul>
<select name="PreviousItemsMenu" onChange="location.href=this.options[this.selectedIndex].value;" style="background-color:#ffffff; color:#555555; font-family: Trebuchet MS; width: 123px;" >
<option value="/">Previous Items</option>
<BloggerPreviousItems>
<option value="<$BlogItemPermalinkURL$>">
<$BlogPreviousItemTitle$></option>
</BloggerPreviousItems>
</select>
For the archives: Look for this code in your template
<h2 class="sidebar-title">Archives</h2>and replace it with:
<ul class="archive-list">
<BloggerArchives>
<li><a href="<$BlogArchiveURL$>"><$BlogArchiveName$></a></li>
<select name="ArchiveMenu" onChange="location.href=this.options[this.selectedIndex].value;"To modify the menu to fit the style of your blog, the code in red text is the place to go. My examples have different colors, fonts and sizes just to show different options.
style="background-color:#BDDEAD; color:#080808; font-family: Comic Sans MS; width: 130px;">
<option value="/">- Archives -</option>
<BloggerArchives>
<option value="<$BlogArchiveURL$>"><$BlogArchiveName$></option>
</BloggerArchives>
<option value="/">Current Posts</option></select>
If an ever-growing list of links in your sidebar bothers you, this may be your solution. I'm not saying that it is the answer to all sidebar issues. But it really works nicely for certain tasks. Another option that is not a drop down menu, but serves basically the same purpose is discussed in this post A drop-down menu alternative. I use that method for a complete list of all my posts.
No comments:
Post a Comment