Create Read More in Blogger

1. Log in to Blogger
2. Select Layout -> Edit HTML
3. back-up you first template, if you want to download the template before any posts cilick Download templates, and save.
4.Check the box labeled Expand Widget Templates
5. Copy the following code and put this code right above </ head>

<script src='http://kendhin.890m.com/Readmore.js'
type='text/javascript'/>

7. Looking for this code

<div class='post-header-line-1'/>

8. Under the code enter the following code:

<div class='post-body entry-content' expr:id='"post-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>

9. Change code: <div class='post-body entry-content'> with this code :

<div class='post-body entry-content' expr:id='"post-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>

10. Search code <p><data:post.body/></p> and add code, so all the code will be like this:

<div class='post-header-line-1'/>

<div class='post-body entry-content' expr:id='"post-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>
<p><data:post.body/></p>

<b:else/>

<style>#fullpost {display:none;}</style>
<p><data:post.body/></p>

<span id='showlink'>
<p><a expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Read more...</a></p>

</span>

<span id='hidelink' style='display:none'>
<p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] More...</a></p>

</span>
<script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script>
</b:if>

11. Save and Go to Setting -> Formatting
12. At the bottom of the box that have any posts "Post Template", and fill in the code below into it and save the settings.

<span id="fullpost">

</span>

Finnish..:D

If you make a post select the "Edit Html", place abstraksi posting will be displayed on the home page on the code while the rest of the posts in place of code and author : trik-tips.blogspot.com

Related Posts by Categories