September 03, 2009

show a part of post in blogger

When our posts are long is recommendable to show them in other dedicated page to avoid have a extremely large slide bar in the browser. I found a solution for it from Blogmundi.

In a few words:

-Go to: 'Layout'->'Edit Html'-> 'check Expand Widget Templates'

-In the code find <div class=’post-body’>

-Add the code in red color:
<div class='post-body'>
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href='data:post.url'> More...</a>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats --> </div>

-in the post add:
<span class="fullpost"> <---Second part of post ---> </span>

Note: if you want that appear in every new post, to remember use it, go to 'Settings'-> 'Formating' ->'add the code in Post Template'


Bibliography:
http://www.blogmundi.com/2007/05/24/leer-mas-en-blogger/

.

No comments:

Post a Comment