top of each page of the index, is a framework called status-message and displaying a text like this: Most Recent Posts on the wording XXX ... Today we'll add in this context, the number of posts with this label.
Step 1: Find the code
Go to the HTML editor of your blog, develop models of gadgets and find the following lines
The original code:
\u0026lt; b: includable id = 'status-message'>
\u0026lt;b:if cond='data:navMessage'>
\u0026lt;div class = 'status-msg -wrap '> \u0026lt;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>
\u0026lt;/ b: includable>
Step 2: Modify the code
Replace the original code for it and save the template.
The new code:
\u0026lt;b:includable id='status-message'>
\u0026lt;b:if cond='data:navMessage'>
\u0026lt;div class='status-msg-wrap'>
\u0026lt;div class='status-msg-body'>
\u0026lt;data:navMessage/>
\u0026lt;script style='text/javascript'> numberOfMessage function (json) {document.write (' ' + $ json.feed.openSearch total results. $ T + ' ' );}\u0026lt;/ script>
- \u0026lt;script expr: src = '" / feeds/posts/default/- / " + data : + blog.pageName " alt = json-in-script callback = & " numberOfMessage '/> message (s)
\u0026lt;/ div>
\u0026lt;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>
Explications :
• In bold, the code that displays the number of articles
• In underlined, replace message (s) by what you want.
Step 3: Activating the flow of your blog
For the number of items appears, enable the flow of your blog in the tab: Settings
► ► Site Feed
Select advanced mode. For
flow blog posts, choose either: Full, partial or jump up. You complete the transaction by recording parameters.
And that's all.
To conclude this presentation, you can see a preview of this improvement: •
demo on our blog -> http://bloggercodedemo.blogspot.com/
demo on our blog -> http://bloggercodedemo.blogspot.com/
0 comments:
Post a Comment