www.bloggertipandtrick.com


How To Add "Read More" Feature To Blogger Post

by Keerthi comments



Delicious Digg StumbleUpon Reddit Subscribe to RSS Feed


1.Log in to your dashboard--> layout- -> Edit HTML

2.Click on "Expand Widget Templates"

3.Scroll down to where you see this:

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

4.Replace above code with below 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/>
<a expr:href='data:post.url'><strong>Read more...</strong></a></p>  
</b:if>


5.Click on "Save Templates"

6.Now go to  Setting-->formatting-->Post Template.

7.Fill that "Post Template" blank text area with below code :

<span class="fullpost">



</span>

Look at the picture below.

8.Click on "Save settings"

9.When you post your article, choose "Edit Html" tab. and you will see the code below :

<span class="fullpost">



</span>

Look at this image.

10.Place the paragraps you want show with read more, above of below line.

<span class="fullpost">

11.Place the rest of the post (you want to hide) between below 2 lines.

<span class="fullpost">


</span>


Look at the image below.

12.Then Publish your post.You are done.

Note :If you want to add this feature to your old posts ,do the 9-12 steps to each posts.


Keerthi Bandara
I am Keerthi,Engineer. Loves blogging.26 years old. I live in SriLanka.
keerthiwam@gmail.com

Subscribe feeds via e-mail

Enter your email address:

Delivered by FeedBurner

Subscribe feeds rss Recent Entries

Categories

Sponsored Links

Subscribe feeds rss Recent Comments

Technorati

Technorati
My authority on technorati
Add this blog to your faves