Test Page
Test Page...
To create a blog that looks like this page. First: download Candidblue unzip the stuffit file and save it to radio / themes.
Go to themes and then apply candid blue....
This is fixed code not related to a blog roll that you can add in under preferences /weblog /navigation.... It will show up in the candid blue theme we are developing.
Home is just an example of how to make a title, the rest show the name of the page and then the link to it. You can add as many as you want between the navigator headings... copy the bold text below into your pref/weblog/navigation.... the top box.
<navigator>
<item name="Home" pagename="/"/>
<item name=Test Page pagename="http://radio.weblogs.com/0114925/stories/2003/03/24/testPage.html"/>
<item name="Unbound Spiral" pagename="http://www.henshall.com/blog/"/>
<item name="Ryze" pagename="http://www.ryze.com/"/>
</navigator>
Try this and then modify the links to suit your own pages. eg test page could become profile.
Now open your pref/ templates /homepage template.....
Substitute the following code for everything that is in there.....
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>
<%siteName%> : <%title%>
</title>
<META HTTP-EQUIV="Expires" CONTENT="Mon, 01 Jan 1990 01:00:00 GMT">
<style type="text/css">
body {
margin:0px 0px 0px 0px;
font-size:13px;
background-position: left;
background:#355EA0;
background-repeat: repeat-y;
}
hr {
background:#000;
height:1px;
border-top:0px solid #000;
border-bottom:0px solid #FFF;
border-left:0px solid #000;
border-right:0px solid #000;
}
A {
text-decoration: none;
font-weight:bold;
}
A:link {
color: #004183;
text-decoration: none;
font-weight:bold;
}
A:visited {
color: #005BBA; text-decoration: none;
}
A:active {
color: #99CC66;
}
A:hover {
color: #FFF;
background:#000;
}
#banner {
font-family:'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial;
font-size:19px;
color:#671603;
font-style: italic;
font-weight:normal;
padding-right:0px;
padding-top:10px;
padding-left:0px;
padding-bottom:15px;
margin-bottom:15px;
background:#FFF;
background-position: top;
background-repeat: repeat-x;
border-bottom:1px solid #355EA0;
}
#banner a:hover {
color:#671603;
background:#FFF;
}
.description {
font-family:'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial;
color:#1A51AC;
font-size:80%;
font-weight:bold;
text-transform:none;
}
#content {
width:70%;
float:left;
padding-right:20px;
margin-right:10px;
background:#355EA0;
}
.blogbody {
font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
color:#333;
font-size:13px;
line-height:150%;
font-weight:normal;
padding-left:4%;
padding-right:4%;
padding-top:20px;
padding-bottom:50px;
background:#FFF;
border-right:1px solid #07398D;
}
.title {
font-family: georgia, verdana, arial, sans-serif;
font-size: 150%;
line-height:150%;
font-weight:bold;
text-align:left;
color: #333;
}
.blogs {
padding-left:15px;
padding-top:15px;
padding-right:15px;
padding-bottom:25px;
}
.footer{
color:#36300C;
font-size:90%;
line-height:130%;
font-weight:normal;
padding-top:10px;
border-top:1px solid #355EA0;
}
.date {
font-family:verdana, arial, sans-serif;
color:#FFF;
font-size:12px;
font-weight:bold;
text-align:left;
background:#CCC;
line-height:14px;
padding:2px;
margin-top:10px;
margin-bottom:22px;
text-transform:uppercase;
letter-spacing: .2em;
border-bottom:1px solid #999;
}
.posted {
font-family:verdana, arial, sans-serif;
font-size: 11px;
color: #003366;
margin-bottom:15px;
}
#links {
padding-right:0px;
padding-left:0px;
padding-top:20px;
margin-right:0px;
font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
color:#82BDFF;
}
#links .small {
padding-right:0px;
padding-left:0px;
padding-top:0px;
margin-right:0px;
font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
line-height:110%;
color:#82BDFF;
}
#links a {
color:#D6EDFF;
font-weight:bold;
text-decoration: none;
}
#links a:visited {
color:#8ECAFF;
}
.sidetitle {
font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
font-size:10pt;
color:#FFF;
font-weight:bold;
border-bottom:1px solid #14265B;
padding-top:5px;
padding-bottom:5px;
padding-left:5px;
padding-right:2%;
margin-right:20px;
margin-top:10px;
text-align:left;
background-position: top left;
background-repeat: repeat-y;
background:#294A7F;
}
.side {
font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
font-weight:normal;
font-size:13px;
padding: 5px 5px 5px 5px;
color: #000;
text-decoration: none;
margin-right:20px;
}
.sideHome {
font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
line-height:10px;
font-weight:normal;
font-size:10px;
padding: 5px 5px 5px 5px;
margin-right:20px;
color: #72A6DE;
text-decoration: none;
border-bottom:1px solid #14265B;
}
.itemtitle {
font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
font-size:13px;
line-height:100%;
color:#000;
font-weight:bold;
border-top:1px solid #ddd;
border-right:1px solid #ddd;
border-left:1px solid #ddd;
padding-top:5px;
padding-bottom:0px;
padding-left:10px;
padding-right:10px;
margin-bottom:0px;
text-align:left;
background:#FFF;
background-position: top left;
background-repeat: repeat-y;
}
.itemDesc {
font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
font-weight:normal;
font-size:13px;
padding: 15px 20px 15px 20px;
margin-bottom:25px;
color: #333;
text-decoration: none;
border-bottom:1px solid #ddd;
border-top:1px solid #ddd;
border-right:1px solid #ddd;
border-left:1px solid #ddd;
}
.hCalendarMonthYearRow, .dCalendarMonthYearRow
{
font-family:verdana, arial, sans-serif;
color:#14265B;
font-size:13px;
font-weight:bold;
line-height:100%;
padding:0px;
}
.hCalendarDayNameRow, .dCalendarDayNameRow
{
color:#FFF;
font-family:'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
font-size:10px;
line-height:100%;
font-weight:bold;
padding:0px;
}
.hCalendarDayRow, .dCalendarDayRow
{
color:#FFF;
font-family:'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
font-size:10px;
line-height:100%;
font-weight:normal;
padding:0px;
}
.hCalendarDayLinked, .dCalendarDayLinked
{
color:#666;
background-color: #264474;
font-family:'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
font-size:10px;
line-height:100%;
font-weight:normal;
padding:0px;
}
.hCalendarDayCurrent, .dCalendarDayCurrent
{
color: #355EA0;
background-color: #FFA03A;
font-family:'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
font-size:10px;
line-height:100%;
font-weight:normal;
padding:0px;
}
td {
font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
font-size:13px;
line-height:150%;
font-weight:normal;
}
.radioMenuLinkFont {
font-family:verdana, arial, sans-serif;
color:#355EA0;
font-size:13px;
font-weight:normal;
}
.radioMenuLink {
font-family:verdana, arial, sans-serif;
color:#634F84;
font-size:13px;
font-weight:bold;
}
a.radioMenuLink:link {
color: #634F84;
text-decoration: none
}
a.radioMenuLink:visited {
color: #634F84;
text-decoration: none
}
a.radioMenuLink:hover {
color: #000;
text-decoration: none
background:#14265B;
}
.dwsTableCell {
font-family:Trebuchet MS, verdana, arial, sans-serif;
font-size:13px;
line-height:1.1em;
}
.dwsTableCell a {
font-family:Trebuchet MS, verdana, arial, sans-serif;
font-size:13px;
line-height:1.1em;
}
.radioMenuLinkFont {
font-family:Trebuchet MS, verdana, arial, sans-serif;
font-size:x-small;
line-height:1.1em;
}
</style>
<script language="JavaScript" type="text">
<!-- Begin hiding from older browsers
//End hiding-->
</script>
</head>
<body>
<div id="content">
<div class="blogbody">
<div id="banner">
<a href="<%radio.macros.weblogUrl ()%>" style="color:#07398D; line-height: 1em; font-size:30px; text-decoration:none;font-style: normal;font-weight:Bold;"><%siteName%></a><br>
<span class="description">
<%description%>
</span>
</div>
<%radio.macros.editorsOnlyMenu ()%>
<%bodytext%>
<p class="footer">
<table cellpadding="10" cellspacing="0" border="0" align="right">
<tr>
<td>
<%radio.macros.editThisPageButton ()%>
</td>
</tr>
</table>
This Page was last update: <%radio.macros.getLastUpdate ()%><br>
Copyright <%year%> <%authorName%><br>
Theme Design by <a href="http://www.bryanbell.com">Bryan Bell</a><br>
<br>
<%radioBadge%> <%radio.macros.xmlCoffeeMug ()%> <%rssLink%> <%radio.macros.mailTo ()%><%radio.macros.staticSiteStatsImage ()%><br clear="right">
</p>
</div>
</div>
<div id="links">
<div id="calendar">
<%radio.weblog.drawcalendar ()%>
<h2 class="sidetitle">Search</h2>
<!-- Begin Blogs I Read Search v2 -->
<script type=text/javascript>
var myweblog = "radio.weblogs.com inurl:0121664";
var mygooglekey = "gJKV0vRQFHJEtNRWxN+Q0dc2m9Ene5pz";
var myopmlfile = "http://radio.weblogs.com/0121664//gems/mySubscriptions.opml";
</script>
<form name="s" action="http://www.alpern.org/weblog/php/blogsearch/blogsearch.php" method="get">
<input type=hidden name="opmlfile">
<input type=hidden name="googlekey">
<input type=hidden name="weblog">
<script type=text/javascript>
document.s.opmlfile.value = myopmlfile;
document.s.googlekey.value = mygooglekey;
document.s.weblog.value = myweblog;
</script>
<input name="outline" type="hidden" id="outline" value="true">
<table class="radioboxes">
<tr>
<td nowrap>
<input name="q" type="text" id="q" size="10" maxlength="255" >
<input type="submit" name="go2" value=Search>
</td>
</tr>
<tr>
<td nowrap><label for=web>
<input type=Radio value="web" id=web name="scope" onClick="javascript:window.focus(); document.s.q.focus();">
the Web </label></td>
</tr>
<tr>
<td nowrap><label for=mysite>
<input type=Radio value="mysite" id=mysite name="scope" onClick="javascript:window.focus(); document.s.q.focus();">
my Blog</label></td>
</tr>
<tr>
<td nowrap><label for=iread>
<input value="iread" id=iread name="scope" type=Radio checked onClick="javascript:window.focus(); document.s.q.focus();">
Blogs I Read</label>
<A href="http://www.alpern.org/weblog/php/blogsearch/writeup.html" title="How this works and how to add a search for blogs *you* read to your site.">
<img src="http://www.alpern.org/weblog/php/blogsearch/rssblogsearch_files/smallhelp.gif" border=0 width="12" height="11">
</a>
</table>
</form>
<!-- End Blogs I Read Search -->
<h2 class="sidetitle">Links</h2>
<div class="side">
<%navigatorLinks%>
<h2 class="sidetitle">My Blogroll</h2>
<div align="left" class="small"><%radio.macros.blogroll ("http://rpc.blogrolling.com/opml.php?r=a26332d5ba2b67b9555af66a9f31beee")%></div> <br> <br
</div>
</div>
</body>
</html>
Save the template....
Now go to blogrolling.com and click the get codes.... You will want to replace the blogroll code near the end of the template you have just created with your blog roll number. Be sure to use the OPML code.... It's the third one done.
Copyright 2003 Stuart's News Clips
Theme Design by Bryan Bell
