How To Make Read More!

·
log in to your blogger account.
Now find the blog you want to edit if you own more than one blog.
And click “layout” table. then choose “Edit html”

Step 1:
Make sure to check the “expand widget templates”
Step 2:




Search for :


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


And just replace 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>

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

<a expr:href='data:post.url'>Read More......</a>
</b:if>


Step 3:
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.

Step 4:
Leave layout and go to settings.
Select Formatting.
at the bottom of the formatting page you’ll find Post Template form.
just copy and past the next code into it.

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



Step 5:
go to posts and try to post new post and you’ll find the next code into post body:
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..



Update : For read more automatic with thumbnail, you can read "Automatic Readmore ( New Version )"

Related Article for this post :

0 comments:

Post a Comment

Read other Post

Label Cloud

Guest Books

My Stats!

My Popularity (by popuri.us)
Check Page Rank