Hello,
Here is the template that I started with. It was written to be compatible with the blogger.com site.
I've stripped away the 'css' for purposes of saving space. Is there anything in this that would give me the 'directory info' that you refered to in your previous post?
"...find where Blogger creates the page you want to embed Serendipity in."
Unfortunately, blogger.com support is anything but responsive. But then again, it is a free webserver and online doumentation is about all one can expect.
I will snoop about over there for information regarding 'the page'. Is there a name for this page/directory that I could use in order to search more effectively?
Meanwhile, please find stipped down template below. This is what I used to create my index page with over at "
http://www.politicallyoutspoken.com".
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml">
<head>
<title><$BlogPageTitle$></title>
<$BlogMetaData$>
<style type="text/css">
/***********************************************/
/* thur broeders */
/* september 2005 */
/* template tb_b_20050917_darkblue.dwt */
/* using FLOATING sidebars */
/* */
/*
http://www.thurboeders.nl/ */
/*
postmaster@thurbroeders.nl */
/***********************************************/
</style>
</head>
<body>
<!-- start header -->
<div id="header">
<h1 id="blog-title">
<ItemPage><a href="<$BlogURL$>"></ItemPage>
<$BlogTitle$>
<ItemPage></a></ItemPage>
</h1>
<p id="description"><$BlogDescription$></p>
</div>
<!-- end header -->
<!-- start content -->
<div id="content">
<!-- start left sidebar -->
<div id="leftbar">
<div class="side">
<div class="sidebar-title">Something</div>
<p>Put some text here ...</p>
<p>Put some text here ...</p>
<p>Put some text here ...</p>
<div class="sidebar-title">Something else</div>
<p>Put some text here ...</p>
<p>Put some text here ...</p>
<p>Put some text here ...</p>
</div>
</div>
<!-- end left sidebar -->
<!-- start right sidebar -->
<div id="rightbar">
<div class="side">
<!-- start #profile-container -->
<$BlogMemberProfile$>
<!-- end #profile -->
<h2 class="sidebar-title">Previous Posts</h2>
<ul id="recently">
<BloggerPreviousItems>
<li><a href="<$BlogItemPermalinkURL$>"><$BlogPreviousItemTitle$></a></li>
</BloggerPreviousItems>
</ul>
<MainOrArchivePage>
<h2 class="sidebar-title">Archives</h2>
<ul class="archive-list">
<BloggerArchives>
<li><a href="<$BlogArchiveURL$>"><$BlogArchiveName$></a></li>
</BloggerArchives>
</ul>
</MainOrArchivePage>
<h2 class="sidebar-title">Links</h2>
<ul>
<li><a href="#" target="_blank">Link 1</a></li>
<li><a href="#" target="_blank">Link 2</a></li>
<li><a href="#" target="_blank">Link 3</a></li>
</ul>
<p id="powered-by"><a href="http://www.blogger.com"><img src="
http://buttons.blogger.com/bloggerbutton1.gif" alt="Powered by Blogger" border="0" /></a></p>
</div>
</div>
<!-- end right sidebar -->
<!-- start main -->
<div id="main">
<Blogger>
<BlogDateHeader>
<h2 class="date"><$BlogDateHeaderDate$></h2>
</BlogDateHeader>
<!-- start .post -->
<div class="post"><a name="<$BlogItemNumber$>"></a>
<BlogItemTitle>
<h3 class="post-title">
<BlogItemUrl><a href="<$BlogItemUrl$>" title="external link"></BlogItemUrl>
<$BlogItemTitle$>
<BlogItemUrl></a></BlogItemUrl>
</h3>
</BlogItemTitle>
<div class="post-body">
<div>
<table><tr><td><$BlogItemBody$></td></tr></table>
</div>
</div>
<p class="post-footer">
<em>posted by <$BlogItemAuthorNickname$> at <a href="<$BlogItemPermalinkUrl$>" title="permanent link"><$BlogItemDateTime$></a></em>
<MainOrArchivePage><BlogItemCommentsEnabled>
<a class="comment-link" href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnclick$>><$BlogItemCommentCount$> comments</a>
</BlogItemCommentsEnabled></MainOrArchivePage> <$BlogItemControl$>
</p>
</div>
<!-- end .post -->
<!-- start comments -->
<ItemPage>
<div id="comments" style="border:1px solid #036; padding: 10px; margin: 10px; font-size: smaller">
<BlogItemCommentsEnabled><a name="comments"></a>
<p class="comment-timestamp">Comments on "<span style="color: #900;"><$BlogItemTitle$></span>"</p>
<p> </p>
<dl id="comments-block">
<BlogItemComments>
<dt class="comment-poster" id="<$BlogCommentNumber$>"><a name="<$BlogCommentNumber$>"></a>
<$BlogCommentAuthor$> said ... (<$BlogCommentDateTime$>) :<$BlogCommentDeleteIcon$>
</dt>
<p><$BlogCommentBody$></p>
<p> </p>
</BlogItemComments>
</dl>
<a class="comment-link" href="<$BlogItemCommentCreate$>" <$BlogItemCommentFormOnClick$> title="post a comment on '<$BlogItemTitle$>'">post a comment</a>
</BlogItemCommentsEnabled>
</div>
</ItemPage>
<!-- end commenta -->
</Blogger>
</div>
<!-- end main -->
</div>
<!-- end content -->
</body>
</html>
to the other 
Serendipity with 
). To do this, you'll need a bit of programming. To start, find where Blogger creates the page you want to embed Serendipity in. (I don't know Blogger, so I can't really help with that.) Then add a call (how programmers say running a program from another program) to Serendipity where you want it to show up. But wait! It can't be that easy! Serendipity needs to be run from its base directory. So you add some extra programming statements (the "wrapper") around the Serendipity call. It looks a lot like that last bit of code in the post I directed you to:
