Wednesday, June 4, 2008

Blog Widget - Part 2

In the previous article of this series, we had an overview of the Blog widget covering its basic components. In that article, we learned the main includables and their order of inclusion.

In this article we will take a look at the status-message includable.

If you open your template in HTML mode (i.e. Layout -> Edit HTML) and click on the Expand Widget Templates button, you can see the following code that defines the status-message section.

<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>

And this particular section will be included in the main section as follows.

<b:includable id='main' var='top'>
<!-- posts -->
<div class='blog-posts hfeed'>

<b:include data='top' name='status-message'/>

...
</b:includable>

This section, however, is not a very important part of the Blog widget. There are two instances in which this section comes in to play; when someone searches your blog using the Search box in the Navigation Bar or clicks on one of the Labels.

For example, if some searches for the string "text widget", the status message will be displayed as follows.


So that's the status-message section of the Blog widget.