<
Friday, March 19, 2004
Bloggerâ„¢ Recent Posts Code Revisited 
 
by Lenka Reznicek [permalink] 
If you've seen this post with instructions for how to create a simple "Recent Posts" linked sidebar list with Blogger™ basic, here's a variation that offers something extra for frequent updaters - it separates the recent posts with a date header divider:
[Blogger]
[div class="css_class"][strong][BlogDateHeader][$BlogDateHeaderDate$][/BlogDateHeader][/strong][/div]
[$BlogItemAuthorNickname$]: [strong][a href="[$BlogItemArchiveFileName$]#[$BlogItemNumber$]"][BlogItemTitle]
[$BlogItemTitle$][a name="[$BlogItemNumber$]"][/BlogItemTitle][/a][/strong][br]
[/Blogger]
Simply substitute "<>" for "[]" as detailed previously, and replace the definition "css_class" with a class name, and include the declarations of your choice in your style sheet; for example,
.sidetitle {
font-family:verdana, arial, helvetica, sans-serif;
color:#ffffff;
font-size: 11px;
font-weight: normal;
line-height: 140%;
text-align: center;
background: #222222;
border-top: solid 1px #666666;
border-left: solid 1px #666666;
border-right: solid 1px #666666;
border-bottom: none;
}
Of course, you can use any style declarations that suit your website's appearance. If you're not yet using CSS, you can also enclose the date header using a table, in similar fashion. An example of the code in action can be seen on farkleberriesUSA.