Site Moved

This site has been moved to a new location - Bin-Blog. All new post will appear at the new location.


Blogger Beta

I have upgraded to Blogger Beta - now I can access many more features - like labels, WYSIWYG template modification etc. Since I use a customized blog design, it has not been easy. In fact, it was quite hard. But was it worth it? I don't know yet.

New templating Language

The templating language has been changed entirely. Many new features have been added - and the complexity have gone up greatly. I understood the language - but I don't think anyone without a programming background would spend enough time to study it.


The <b:loop ... > tag lets you repeat a section of content multiple times with little or no changes. Example...

<b:loop var='post' values='data:posts'>

Conditional Statement - If/Else

Shows the content only if the given statement is true(or false). Example...

<b:if cond='data:blog.url == data:blog.homepageUrl'>
 <a expr:href='data:blog.homepageUrl'><data:title/></a>

Section - Widget - Include

The Section/Widget/Include system make the Drag and Drop template editing system possible. The section is a top level container which can contain multiple widgets. A widget can have many 'includable's. The includable with the id 'main' will be shown by default. You can display the other includable using the code '<b:include name='ID_OF_INCLUDABLE'/> Some sample code - this code shows the header of this blog...

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Bin-Blog (Header)' type='Header'>
<b:includable id='main'>
<h1 id="blog-title">
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
<p id="description"><data:description/></p>

Very powerful - but complicated.

In Conclusion

I like the new templating system - it is complicated, but very powerful. If you are willing to spend the time to study it, you can make magic. Kudos to the Blogger team for bringing it out.

If you notice any problem this blog, let me know. I not have tested this in IE yet - I have linux remember?

Did you move your blog to blogger beta? Why not? If you did, how did it go? Leave some comments.


Filed Under...


Gina said...

Keep up the good work. Now I have only one problem how do I add meta tags other than the ones provided by Google sitemap? It seems that Blogger won't allow it!

raj said...

IMO, the templating system in blogger could have been more easier than making it so complicated. I tried my best to understand what it's all about, but gave up in 2 days. Then I switched to WordPress, couple of hours to understand what it does and where to modify what files to get what I want.. and my site was live..

One More Reason said...


I reached your blog via the Melam blog roll. I am glad I did. Good information on web development especially CSS. Hope you will continue to focus on CSS.

I do have a question about blogger. I have tried unsuccessfully to set up expandable post summaries using the blogger help link

Conditional CSS is what is not working

Somehow the tags are not getting converted into html code. They just show up as it is

Any ideas ? Have you tried it ?

One More Reason said...


Binny V A said...

To edit WordPress template, you need to know PHP. I know PHP - I am sure you know it too. But for those who don't know PHP, it will be hard. That said, I think WordPress templates are still easier to use than Blogger templates.

@one more reason
I am looking into this.

Riot said...


Many many thanks for the solution. I have got it working (for the most part).

I have to work on removing one glitch.

Again many many thanks.