Documentation
Download
If you want to get the latest and greatest you can checkout the source from subversion.
svn checkout http://blogger-yolk.googlecode.com/svn/trunk/ blogger-yolk
Most users will just grab one of the featured downloads from the dowload links on this page.
Install
Log into your blogger account and customize. Under the Template > Edit HTML tab you'll find a section called "Backup / Restore Template". There you will see a place to upload a template. Upload the "blogger-yolk.xml" file. If you have widgets you will lose them so back them up. If this is a new blog you have no worries.
Usage
Page Width
The page width can be easily changed. There are three sizes you can use. Log into Blogger and edit the template. Change the id of the first div tag following the body tag.
<body> <div class='yui-t7'id='doc2'>
| id | Result |
| doc | 750 pixel fixed width, center |
| doc2 | 950 pixel fixed width, center |
| doc3 | 100% fluid width |
The Header
Blog Title or Logo
The left section is for a blog logo or title. To add blog title use a "HTML/JavaScript" page element.
<h1>Your witty blog title here</h1>
To add a logo use a "Picture" page element. Use a logo no more than 80 pixels high.
Global Navigation Section
For the global navigation section use a "Link List" page element. Add internal or external links. On my personal blog I created a post "About" and "Contact" and linked to the permalinks. All done, painless.
Expandable Post
You'll notice after every post you create there is a "Read more" link.
Write the very interesting teaser of the post that will show on your
front page. The following in the span tags will show when clicking the
"Read more" link. <span class="readmore">This is the rest of your
post you'll see when following the "Read more" link. Continue the rest
of your very long post here. Blah, blah and blah.</span>
