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