So it turns out there are a couple ways to do this. It depends on what kind of search you want for your blog. Actually, you can even go as far as setting up a Google Custom Search for your blog, like we used to use, but these are a bit simpler and faster to set up.

First, you've probably seen the search box on the Blogger navbar.

By my guess, this is probably in the source code of all or most Blogger templates, but I know for a fact that some of them hide the bar (it's actually an iframe if you want to know), such as our template, Subtlebeauty. You'll have to remove some code from your template if it's hidden on yours and you want it to show. For example, in Subtlebeauty, I'd probably remove the lines:

#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}

Check out this page for a full tutorial on how to remove the bar (possibly because it looks terrible with your theme or you're using a different search box). If you want to change the color scheme of the bar (there's only 4 available), check out this page.

The second way is maybe a little easier. It's pretty much the same search as the navbar provides, just using your own search box, which means you can put it wherever you want on your blog. Head over here and grab the code or press the Add To My Blogger button. You can change the text displayed when the search box is not being used and the text on the search button as described over there. Just take a look at the code and you'll probably get it. Easy as pie. In fact, I put the code in below so you can test it out right here.

And the third way is a piece of cake. It's the new Blogger Search Box. Quote from Blogger Buzz: "To add the gadget, go to your blog's Layout page, then click “Add a Gadget” and click on “Search Box.” Super easy, and it has some cool options. It's a lot more advanced than the previous two (but just as easy to use). It used to only be in Blogger in Draft, but now it's public, so woot woot!

So, three things:

I had been wishing for a sort of label management tool for Blogger. Finally, I just did a Google search (doh!) and found that Blogger itself has a sort of label mangement. So, it looks like I can edit labels fairly easily and delete rarely used ones. Sweet. Check out this Blogger help page and this blog post at BloggerStop.net for a guide to a few common actions.

Second thing: Windows Live Writer. I had been using a beta version for a while, and a few weeks ago updated it to a 2009 version. It's not the snappiest in performance, but I think the updated version improved that. I'm happy with it; it works well for what I do. I can save drafts, link up a storm, and pull up cached copies of posts. I know there are other blogging applications out there, I haven't tried any yet, but maybe I will in the future.

And finally: feed widgets. I have been checking out a few recently to use for a feed from the CaringBridge journal for Isaiah. WidgetEasy is quick and, well… easy, except it broke somewhat on that feed. Arg. Also no customization. Feed Informer I found via a Wild Apricot Blog post; it requires registration but is pretty customizable. You make digests: they can contain more than one feed if you want and you can set some options relating to filtering incoming items, sorting, and such. One thing I like is that it seems to (at least with some templates… I shall have to investigate what exactly causes it), you can truncate the post content; for the Isaiah feed on PAN, I used a template that had a read more.. link. Nice. And finally, from a comment on that post, Feed2JS. It's quick, it needs no registration, you can plug in CSS styling.

Edit : April 24, 2009:
Some more info: you can truncate post content with Feed2JS also, if you turn off HTML display from the feed. Also, you can run it from your own server. And finally, the Feed2JS server caches feeds for an hour; seems to be faster than Feed Informer, which is nice; it was getting behind the feed on the Providence blog. 60 minutes is much more acceptable.

[Also known as (for the Google's sake): How to fix far right links with Subtlebeauty Blogger template or How to fix Subtlebeauty Blogger template sidebar poking into posts]

We noticed a while back that links on the far right of a post using this template were at least partially unclickable - you know, the little link hand cursor disappears. The beam cursor also disappeared when mousing over unlinked text there… made it harder to select such text. I did a little code tweaking and found something that solved the issue: changing the width of the sidebar-wrapper div in the template CSS. It is by default at 35% ("of the parent element's width"); I think I had it at 27% in the last couple days, just did some experimenting, and I think 28% percent is the highest you can go without having the sidebar wrapper bleed into the posts. You might need to do some expermenting, maybe set it lower, if you have lots of buttons on the top navigation bar (the links just above the posts). I haven't noticed any squishing of the sidebar, or any breaking of it otherwise because of the tweak; it seems to work fine.

So, if you haven't done it before, here are the editing instructions: go to your blog Layout settings (accessible from your Dashboard) and click to the Edit HTML sub-tab. Now, use your browsers search function (Ctrl+F, probably, or Edit menu > Find) if you wish, or just find it manually; look for #sidebar-wrapper (it won't be italicized). Find the width property under #sidebar-wrapper and change it from 35% to 28% (or whatever other width you decide; that's just what I am recommending).

I don't know if this is an issue with the WordPress version of the Subtlebeauty template, but I know it certainly is with the Blogger version. But… issue fixed.

--Nat

[This is a bit of a rewrite of Tuesday's post.]

The quick edit icons,   and , can be handy for, well, quick edits, but I personally prefer the clean look of our blog without wrench icons cluttering up the sidebar (by the way, they only appear when you are logged in as an admin of that blog or on a post you made). Fortunately, LawnyDesignz has a simple and elegant solution.

Here it is: you have to add a bit of CSS code to your template. So, get your blog template HTML open in the Blogger editor (Layout settings > Edit HTML). Now the important part: you have to put this in the right section to work. You have to put it in the section between the opening tag <b:skin> and the closing tag </b:skin>. For convenience, just make a new line right after the <b:skin> tag (i.e., insert your cursor right after <b:skin> and hit Enter). Now copy in the following text:

.quickedit{display:none;}

Press Save Template and then take a look at your blog. Wrench icons have disappeared, hopefully.

This still leaves the little pencil icons, but I don't find them so obtrusive and deign to leave them there. However, these can be removed, too, if you so desire. Go into the Settings tab (Basic sub-tab, selected by default), in your blog settings, and select No on the drop down box for 'Show Quick Editing on your Blog?'. Save Settings and pencils-B-gone!

Note: in the previous version of the post, I mentioned you can put the code in the first style section before <b:skin> but I would recommend putting it in the b:skin section. Lawny told me about putting it in the b:skin area, so thanks Lawny!

Also, if you have Firefox, you can grab the Stylish add-on and use this userstyle to quickly toggle the pencil and wrench icons visible/invisible, no reload required. Pretty cool.