Adding ” Read More ” to blogger Posts

1. log in to your blogger account.
2. Now find the blog you want to edit if you own more than one blog.
3. Click on template

4. Edit html

5. Click Proceed
6. check on  Expand Widget Templates

7. Search for : 

<data:post.body/> or <p><data:post.body/></p>

and just before it insert the next 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>

      8.    Now Search for :

<p><data:post.body/></p> or <data:post.body/>/font>

and just after it insert the next code:

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

         9.       Now Click save template button.

we finished the template modifications.

we need now to add very simple code to our post template. and don’t worry. It’s too easy.

10. Leave layout and go to settings.
Select Post and commenting

you’ll find Post Template form bi click on ADD

just copy and past the next code into it.

PPost Before “read more” <span class="fullpost"> And here is the rest of it </span>

            Click save setting

go to posts and try to post new post and you’ll find the next code into post body:
Post Before “read more”
<span class="fullpost">
And here is the rest of it
</span>

put the part of the post that you want it to appears at your blog index and archive pages instate of:
” Post Before “read more” ”

and put the rest of the post instate of:
“And here is the rest of it”

click Publish Post and Enjoy..

Continue reading →