Well, not really. ‘Helper’ would be a better word. You upload an old-style template to the form and it translates most tags to the new syntax. It does not force your template to be well-formed (which is required), nor does it properly do attributes with expr: It is meant as a help for converting, not an auto-converter.
Note : especially for crufty or very-much-hacked templates (like mine was) I recommend re-engineering from scratch, from a default Blogger template, or from one of my templates. It is almost easier, and better for you in the long run.
Blogger Classic to New Blogger Template Conversion Helper
I have added a lot of new tags and some corrections to the table.
A few people have asked for something like this. A table of Blogger Classic template tags and their new equivalent. This is not entirely possible because it is not a 1:1 relationship, but I will do my best. This is a post for those who were somewhat literate in the old Blogger and want to upgrade. Another post to check out would be Johan’s original post. Great stuff.
If you have a template tag from Blogger Classic that you don’t see here, post it in a comment and I’ll try to add it. This is a work in progress.
| <$BlogPageTitle$> |
<data:blog.pageTitle/> |
| <$BlogMetaData$> |
<b:include data=’blog’ name=’all-head-content’/> |
| <style type="text/css"> |
<b:skin><![CDATA[ |
| </style> |
]]></b:skin> |
| <$BlogURL$> |
<data:blog.homepageUrl/> |
| <$BlogDescription$> |
|
| <Blogger> |
<b:section class=’posts’ id=’posts’ showaddelement=’yes’ growth=’vertical’>
<b:widget id=’PostWidget’ locked=’false’ title=’Posts’ type=’Blog’>
<b:includable id=’main’>
<b:loop values=’data:posts’ var=’post’> |
| </Blogger> |
</b:loop>
</b:includable>
</b:widget>
</b:section> |
| <$BlogItemNumber$> |
<data:post.id; |
| <BlogDateHeader> |
<b:if cond=’data:post.dateHeader’> |
| </BlogDateHeader> |
</b:if> |
| <$BlogDateHeaderDate$> |
<data:post.dateHeader/> |
| <$BlogItemPermalinkUrl$> |
<data:post.url/> |
| <BlogItemTitle> |
<b:if cond=’data:post.title’> |
| </BlogItemTitle> |
</b:if> |
| <$BlogItemTitle$> |
<data:post.title/> |
| <$BlogItemBody$> |
<data:post.body/> |
| <$BlogItemAuthorURL$> |
<data:blog.homepageUrl/> |
| <$BlogItemAuthor$> |
<data:post.author/> |
| <$BlogItemDateTime$> |
<data:post.timestamp/> |
| <BlogItemCommentsEnabled> |
<b:if cond=’data:post.allowComments’> |
| </BlogItemCommentsEnabled> |
</b:if> |
| <$BlogItemCommentCount$> |
<data:post.numComments/> |
| <$BlogItemControl$> |
<span class=’control’>
<b:if cond=’data:post.emailPostUrl’>
<span class=’item-action’>
<a expr:href=’data:post.emailPostUrl’ title=’Email Post’>
<span class=’email-post-icon’> </span>
</a>
</span>
</b:if>
<b:include data=’post’ name=’postQuickEdit’/>
</span> |
| <$BlogEncoding$> |
<data:blog.encoding/> |
| <$BlogTitle$> |
<data:blog.title/> |
| <$BlogItemAuthorNickname$> |
<data:post.author/> |
| <$BlogID$> |
|
| <$BlogItemUrl$> |
<data:post.link/> |
| <ItemPage> |
<b:if cond=’data:blog.pageType == "item"’> |
| </ItemPage> |
</b:if> |
| <MainOrArchivePage> |
<b:if cond=’data:blog.pageType != "item"’> |
| </MainOrArchivePage> |
</b:if> |
| <MainPage> |
<b:if cond=’data:blog.pageType == "main"’> |
| </MainPage> |
</b:if> |
| <ArchivePage> |
<b:if cond=’data:blog.pageType == "archive"’> |
| </ArchivePage> |
</b:if> |
| <$BlogItemCreate$> |
<a expr:href=’data:post.addCommentUrl’>Post a Comment</a> |
| <BlogItemComments> |
<b:loop values=’data:post.comments’ var=’comment’> |
| </BlogItemComments> |
</b:loop> |
| <$BlogCommentNumber$> |
<data:comment.id; |
| <$BlogCommentDateTime$> |
<data:comment.timestamp/> |
| <$BlogCommentAuthor$> |
<address style="display:inline;font-style:normal;" class="author vcard">
<b:if cond=’data:comment.authorUrl != ""’>
<a class="url fn" expr:href=’data:comment.authorUrl’><data:comment.author/></a>
<b:else/>
<span class="fn"><data:comment.author/></span>
</b:if>
</address> |
| <$BlogCommentBody$> |
<data:comment.body/> |
| <$BlogCommentDeleteIcon$> |
<b:include data=’comment’ name=’commentDeleteIcon’/> |
| <$BlogCommentPermalinkURL$> |
#c<data:comment.id; |
For how to use this syntax inside tag attributes, please see Johan at Ecmanaut. I would actually recommend that you read that whole post.
Now having translated most of my hacks to the new Blogger, it is time to unveil the templates. I myself will likely be switching soon, and my template will be based on the code here published. The features are similar to the first set, but optomised for the new Blogger.
To install one of these templates, just cut-n-paste the code into the ‘Edit HTML’ section of your blog and save. Confirm deletion of widgets (Yes, unfortunately, you lose you widgets. You can make them again).
Templates
For templates for the new Blogger see the updated post.
Due to some of the feedback I’ve been getting from hack implementors recently I have decided to roll out my own set of templates for Blogger, implementing various and sundry features that different persons have expressed interest in. These templates are all loosely based on the Blogger Minima concept, with some inspiration from my blog also. They have been written from scratch, however, and all have the following features:
So, if you’re looking for a new template, or just want some of these features or some of those that follow, this is for you.
If anyone wants another version of this template created (ie, some combination of the hacks, or for another hack) feel free to contact me. If anyone has any ideas or feedback at all concerning the usefulness of / look of these templates, again, I have an open ear. I would ask that you keep your comments positive. ‘This Sucks!’ is not all that helpful to me, even if that’s how you feel 😉
Notes to advanced users: Hopefully these templates will also be useful to you in examining my code, etc. To remove peek-a-boo from comments or backlinks in any of the above templates, simply remove the onclick handler from the appropriate link. It should also be mentioned that these templates all support both versions of blogger comment permalinks. If you have any questions about the features on these templates I’m just an email/comment away!
I have started the XOXO Blog for the promotion of the XOXO microformat. (For those wondering what XOXO is, see my post What is XOXO?) The blog’s template is fully XOXO-paresable and I am working on changeing over my Blogger Comment Syndication service to parse XOXO formated compatible with this new concept, which is only slightly different from my original XOXO code, but is more compatible with other uses. All users of my service will have to switch to this new (hopefully better) code snippet, but I think it will ultimately be worth it. Blogs based off of an XOXO template (I’ll be publishing one and the specs soon. As you can see by looking at the XOXO Blog itself, I’m not much of a designer, but I’m proving the concept first. I’ll get other people to help me with looks later.) will be able to use the service directly with no added code.
Other benefits to the XOXO-template could include :
- The ability to produce better post feeds by parseing the blog main page
- The ability to parse the whole blog for backup/transfer to another service if needed
The XOXO blog itself will soon be populated with different tools, not only to go with XOXO templates, but to work with other uses for XOXO as well.