Skip navigation.

writing, editing, and copywriting services at meryl.net

meryl.net articles

home | about | blog | contact

PDA Your Movable Type Blog

If you run a weblog using Movable Type, then you can easily make it available for PDA readers. It takes under 30 minutes to set it up.

Select the weblog to convert to PDA format. Click on LIST & EDIT TEMPLATES > CREATE NEW INDEX TEMPLATE (just above the gray boxed area that lists your existing templates) .

In the NAME box, enter a name for the weblog. Mine says, "Portable meryl's notes."

In the OUTPUT FILE box, enter a name for the file with a .html extension. Here I enter, "pdanotes.html."

Copy and paste the following and change the <TITLE> and the <DIV> right after the <BODY> tag.


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1" />
<TITLE>meryl's notes on the go!</TITLE>
<style type="text/css">
<!--
body {
color:#333;
background-color:white;
margin:20px;
padding:0px;
font:11px verdana, arial, helvetica, sans-serif;
leftMargin=0
}
h1 {
font:bold 12px/12px verdana, arial, helvetica,
sans-serif;
margin:0px 0px 0px 0px;
padding:0px;
}
p {
font:11px verdana, arial, helvetica, sans-serif;
color:#333333;
margin:0px 0px 0px 0px;
padding:0px;
}
.Content>p {margin:0px;}
.Content>p+p {text-indent:0px;}
.tinyfont { font:8px verdana, arial, helvetica, sans-serif; }
.smallfont { font:9px verdana, arial, helvetica, sans-serif; }
.titlefont { font:14px verdana, arial, helvetica, sans-serif; }
a {
color:#000000;
font-family:verdana, arial, helvetica, sans-serif;
text-decoration:none;
}
A:link { color: #09c; TEXT-DECORATION: none }
A:visited { color: #07a; TEXT-DECORATION: none }
A:active { TEXT-DECORATION: none }
A:hover {
FONT-WEIGHT: normal; FONT-STYLE: normal
BACKGROUND: #eee;
}
#Header {
margin:50px 0px 10px 0px;
padding:17px 0px 0px 20px;
/* For IE5/Win's benefit height = [correct height] +
[top padding] + [top and bottom border widths] */
height:33px; /* 14px + 17px + 2px = 33px */
border-style:solid;
border-color:black;
border-width:1px 0px; /* top and bottom borders: 1px;
left and right borders: 0px */
line-height:11px;
background-color:#eee;
/* Here is the ugly brilliant hack that protects IE5/Win
from its own stupidity. Thanks to Tantek Celik for the
hack and to Eric Costello for publicizing it. IE5/Win
incorrectly parses the "\"}"" value, prematurely
closing the style declaration. The incorrect IE5/Win
value is above, while the correct value is below. See
http://glish.com/css/hacks.asp for details. */
voice-family: "\"}\"";
voice-family:inherit;
height:14px; /* the correct height */
}
/* I've heard this called the "be nice to Opera 5" rule.
Basically, it feeds correct length values to user agents
that exhibit the parsing error exploited above yet get
the CSS box model right and understand the CSS2
parent-child selector. ALWAYS include a "be nice to
Opera 5" rule every time you use the Tantek Celik
hack (above). */
body>#Header {height:14px;}
.Content {
margin:5px 5px 5px 5px;
padding:2px;
}
.dateheader {
position:relative;
width:auto;
min-width:120px;
margin:0px 0px 0px 0px;
padding:5px;
z-index:3;
}
-->
</style>
</HEAD>
<BODY>
<DIV id=Header>... meryl's notes on the go!</DIV>
<div align="left">
<MTEntries lastn="15">
<MTDateHeader>
<div class="dateheader"><H1><$MTEntryDate format="%A, %B %e,
%Y"$></H1></DIV>
</MTDateHeader>
<br>
<DIV class="content">
<span class="titlefont"><i><$MTEntryTitle$></i>
(<$MTEntryDate format="%I:%M%p"$>)<br /></span>
<$MTEntryBody$>
<MTEntryIfExtended>
<p><$MTEntryMore$></p>
</MTEntryIfExtended>
<MTEntryIfAllowComments>
<p>:: Comments left behind ::</p>
<MTComments>
<$MTCommentBody$>
<span class="smallfont">:: <$MTCommentAuthorLink$>
<$MTCommentDate$></span><br /><br />
</MTComments>
</MTEntryIfAllowComments>
</div>
</MTEntries>
</div>
<HR width="75%">
<P CLASS="tinyfont" align="center">
<a href="http://www.movabletype.org">Powered by
MovableType</a></P>
</body>
</html>

Hit SAVE and do a REBUILD.

That's it for the Movable Type portion. Next step is to go to AvantGo and log in.

Click on MY ACCOUNT (upper right side of the screen) > CREATE CUSTOM CHANNEL WIZARD > in CHANNEL LOCATION, enter the URL to your new .html file that you just created. For this, it is: http://www.meryl.net/blog/pdanotes.html.

Click on VIEW to make sure it takes you to the .html page you created to verify it is the correct URL. Once confirmed, close the window and you're back at AvantGo.

Proceed through the Channel Wizard. It has instructions for each screen so you can determine what you'd like to do. Remember, PDAs holds various amounts of data depending on the user's PDA. Some are as small as 2 MB and others have 32 MB.

Click NEXT > Enter a CHANNEL TITLE (meryl.net articles) > Enter the CHANNEL MAX SIZE based on reading the instructions > NEXT > Select YES or NO for FOLLOW OFFSITE LINKS based on instructions > NEXT > Determine CHANNEL LINK DEPTH upon reading instructions > NEXT > Select YES OR NO for INCLUDING IMAGES (I recommend NO) > NEXT > FINISH (or go BACK if you need to revise something).

You'll return to the MY CHANNELS screen. Select EXPORT CHANNELS. COPY the new channel you just have created by highlighting the entire URL and pressing CTRL-C. PASTE it in an email or word processor by pressing CTRL-V. This is the URL you give to others or put in your Web site for others to access your pages through the PDA.

Consider yourself portablized!



Posted January 19, 2002 09:10 AM :: Tags: :: Category: PDAs


Comments

brilliant and easy as hell...thanks a ton meryl.

Posted by: Rafat Ali at April 14, 2003 10:25 AM

I just came across this excellent tip -- thanks! I'm wondering though, if there's any code that would "leave behind" embedded graphics from the full web version of my blog...

P.S. Who needs AvantGo ;-)

Posted by: Andrew Currie at August 11, 2003 08:11 PM

Thanks a ton for your excellent guidance. I was able to set up a PDA-friendly version of my blog in no time !

http://www.NaveenBachwani.com

Posted by: Naveen Bachwani at September 3, 2003 08:02 AM
home | about | privacy policy | blog | contact

© meryl.net

Creative Commons License