Viva Batista

Mobile-Friendly Websites

TimesToCome Mobile has an outstanding list of mobile-friendly websites.

Kirsch on Shelley

You can't trust a man who believes he is an angel.

    - Adam Kirsch, closing his review of Ann Wroe's "Being Shelley."

Office 2000 HTML Filter 2.0

From our friends in Redmond:

The Office HTML Filter is a tool you can use to remove Office-specific markup tags embedded in Office 2000 documents saved as Hypertext Markup Language (HTML). When you create an HTML document in Office 2000, Office-specific markup tags are embedded in it. These tags help "round-trip" the document for editing purposes. For example, if you create the document in Word 2000 and save it as HTML, the code embedded in the document allows you to re-open the document in Word 2000 and use the same features you originally used to create the page.

Once you have completed editing an HTML document in Word 2000 or Excel 2000, you can use the Office HTML Filter to remove the Office-specific markup tags from the final copy of the HTML document. By removing the tags, you reduce the size of the document, which in turn reduces both the amount of space used on Web servers as well as the time it takes to download the page. For additional information about the benefits and disadvantages of removing the Office-specific markup tags, read Use Office HTML Filter to Create Web Pages that Download Faster.

Download the HTML filter.  Basic instructions:

To filter a document in Word

1. Open the document you want to filter.
2. On the File menu, point to Export To and then click Compact HTML.

To create a cascading style sheet (.css) in Word

1. Open the document on which you want to base the style sheet.
2. On the File menu, point to Export To, and then click CSS Stylesheet.

To copy text from a Word document as HTML

1. In Word, open the document you want to copy text from and select the text you want to copy.
2. On the Edit menu, click Copy as HTML.

To filter single or multiple Excel 2000 or Word 2000 HTML files
On the Start menu, point to Programs, point to Microsoft Office Tools, and then point to Microsoft Office HTML Filter 2.0.  Read Use Office HTML Filter to Create Web Pages that Download Faster for additional information about using the Office HTML Filter in Word. For more in-depth information about using the Office HTML Filter 2.0, read Using Office HTML Filter at the Command Prompt, Using Office HTML Filter to Remove Office-specific Markup, and Using Office HTML Filter to Save Space on Web Servers.

Technorati and the Tagged Web

Back in March Preetam Rai of betterdays posted a fantastic primer on the "tagged web" and how to use Technorati.  Great stuff, and I'm in his debt.

Technorati has a good page on TypePad ping configuration, but Rai's post puts the technical details in a much more useful context.

Blogtricks Link Feedback

Blogtricks offers a number of interesting little add-on services for bloggers.  The most useful one (and the only one I've actually tried) is their Link Feedback service, which allows you to create an automated list of websites referring visitors to your site.

It's easy to set up--in Typepad, just take the script from their "linkbuilder" and use it to create a new item in a "link" Typelist that has been configured to read notes as text.  And your Blogtricks account is free--if you want to pay $10/year, you can opt not to have their little ad displayed at the bottom of your list of referrers.

A nice feature is the ability to exclude certain referring domains--for example, you can exclude search engines, so that your list only displays traffic from actual links on other sites, rather than traffic from search results.  (Helpful when you get a lot of random traffic from people searching on, say, your uncommon last name.)

I used it for a few days and really liked the convenience of seeing referrers right on my home page, but I didn't pony up for a paid account, and loading the ad from their server was really slowing down my site.  It's worth $10/year for the ad-free service, but they currently only accept PayPal, and I don't have a PayPal account.

Here's the script that was generated for my account, including a number of blocked domains.  Note the hard break in that line between "google.fr" and "search.msn.com" to get it to display properly here:

<script language="javascript">
  document.write('\074scr' + 'ipt src="http://svc.blogtricks.com/referrer' +
    '?token=0d04699ac43ec0e657ff51afd58957a3' +
     '\046exclude=google.com%2Cyahoo.com%2Cgoogle.de%2Cgoogle.fr
%2Csearch.msn.com%2Cgoogle.co.nz%2Cgoogle.it%2Cgoogle.be%2Cgoogle.pl' +  '\046maxlen=40' +  '\046maxwordlen=40' +    
    '\046action=combo\046referrer=' + escape(document.referrer) +
    '">\074/sc' + 'ript>');
</script>

Search Me Redux

Why can't I find a (free) site search tool that works?  The Technorati searchlet that I installed recently on my day blog isn't working any more--it only searches the entire web and ignores instructions to search just my site.  Not helpful.  So I've put the Google search box back (TypePad makes it easy.)  But it's an imperfect solution at best.  It's not updated all that often (at least for a little ol' site like mine), so it excludes terms from recent posts.  And it includes terms from my sidebars, so you get a lot of false positives when searching for someone in my blogroll, for example.  PicoSearch had its own problems, so at this point I'm out of ideas.

Search Me

I just dropped PicoSearch from my day site and substituted the Technorati Searchlet.  Much better.  Far superior search results, and no need to manually index the pages (so presumably no maximum page number.)  I wasn't able to get it to work for this site--perhaps because it branches off from my primary TypePad account, perhaps because it's not a public blog--but I'm happy for now.

When I initially set up the PicoSearch box, I had to tweak it considerably to get a fit I was happy with.  Just in case I ever want to restore it, here's the code that worked well (at least visually) for the sidebar:

<!-- Begin PicoSearch Query Box -->
<P><FORM METHOD="POST" ACTION="http://www.picosearch.com/cgi-bin/ts.pl">
<INPUT TYPE="HIDDEN" NAME="index" VALUE="232131">
<TABLE BGCOLOR="WHITE" CELLSPACING=0 CELLPADDING=0 BORDER=0><TR><TD>
<TABLE BGCOLOR="WHITE" CELLSPACING=2 CELLPADDING=0 BORDER=0>
<TR><TD colspan=2><INPUT TYPE="TEXT" NAME="query" VALUE="" SIZE="20"></TD></TR>
<TR><TD><A HREF="http://www.picosearch.com/cgi-bin/index.pl?wherefrom=picobox
&type=all" TARGET="_blank"><IMG BORDER="0" SRC="http://www.picosearch.com/picosmall.gif" ALT="PicoSearch"></A></TD>
<TD><nobr><INPUT TYPE="SUBMIT" VALUE="Go >>>" name="SEARCH"></nobr></TD></TR>
<TR><TD colspan=2 ALIGN=LEFT><FONT SIZE=-2><A HREF="http://www.picosearch.com/cgi-bin/ts.pl?index=232131&help=help">
Search Help</A></FONT></TD></TR>
</TABLE></TD></TR></TABLE></FORM>
<!-- End PicoSearch Query Box -->

Email Man(n)

Merlin Mann has not one but two great posts on how to manage email more effectively.  Hat tip to Jeffrey Veen.

More Offline Blogging

In addition to ecto (which does come in a Windows version, TypePad's outdated advice notwithstanding), TypePad recommends Zempt and w.bloggar.  And I need something--I love TypePad, but the editing interface is not the best (and it's actually worse in Firefox, but I just can't see going back to IE.)

PopUps (The Good Kind)

I was under the impression that if you wanted to create a customized popup in TypePad (say, for an image of the San Francisco Giants' Mays Field), you had to be using an Advanced Template in order to have direct access to the CSS where you'd do some funky technical shit.

Not so, dope.

You can create a popup of any size and with a range of features (with or without scroll bars, for example), using simple code right in an ordinary post.  Here's the code for the popup above:

<a onclick="window.open(this.href,'_blank', 'width=600,height=350,scrollbars=no,resizable=no,toolbar=no,directories=no,
location=no,menubar=no,status=no,left=0,top=0'); return false" href="http://edbatista.typepad.com/vivabatista/images/2005/02/
Mays%20Field%20Aerial%20View.jpg">Mays Field</a>

(Note that there's a line break between the 'directories' and 'location' attributes to get the code to display properly here.  That break must be removed to make the code work in an actual page.)

Now, just because I was able to get it to work, don't think for a minute that I really know what I'm doing.  I don't fully understand all the attributes, or what'll happen if you change 'no' to 'yes', but it doesn't really look all that tough to figure out, now, does it?