Sunday, May 17, 2009

Fastest way to aDD a read more Expandable Post

I just thought of this after making a long Tutorial on adding a Read More Expandable Post For Blogger

So ill Teach you more faster way on making a read more Expandable Post

Step 1: Go to Blogger>Layout>Edit HTML

Step 2: Back Up your Theme or Template.
You Must Back up your theme because so if you do something wrong you can easily redo your old template in its usable form.


Step 3: Check the Expand Widget Templates Check box

Step 4: Find the This Code
<data:post.body/>


Step 5: After Finding step 4, replace it with this code:
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>

<data:post.body/>

<b:if cond='data:blog.pageType != "item"'><br />
<a expr:href='data:post.url'>Read more...</a>
</b:if>
</b:if>




Now we are done Editing in the source code Now we will go on how to separate the outer post to the inner post.

Step 6: Go to Blogger>Posting>Create Post

Step 7: In using Read More on your post there is a code to add every time you post. This code separates the outer post and the Full post.
<span class="fullpost">

</span>


The Outer post is the one that is viewed first or what they called a teaser text.

The Inner post is the one that is hidden when the post is not fully viewed.

The Full post is the one where the complete post are. When you put it on a math equation this should look something like this:

Outer Post + Inner Post = Full post

This is a example post:
Your outer post should be here.
<span class="fullpost">
Inner post should be here.
</span>


So that's it the more simpler explanation.

No comments:

Post a Comment

Creative Commons License