Friday, January 15, 2010

Interact Your Visitor With Read More Feature


This post is about read more with manual feature not auto .Lets start and follow this steps.

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>

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>




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.

Stumble
Delicious
Technorati
Twitter
Facebook







Related Posts by Categories







5 comments on "Interact Your Visitor With Read More Feature"

This is DoFollow Blog Leave a Comment

vijay on January 16, 2010 at 1:25 PM said...

Hi i tried all this steps but not working on my blog.

vijay on January 16, 2010 at 1:27 PM said...

Please me to findout the solution.

Muhammad Wajid on January 16, 2010 at 2:19 PM said...

@ vijay
I think you done anything wrong just follow carefully I am sure you can do this.

vijay on January 18, 2010 at 7:11 PM said...

Again i carefully formed with this html codes there was some errors.This also shrinks all fonts in same size.

Muhammad Wajid on January 18, 2010 at 7:27 PM said...

@ Vijay open this link and see
http://www.latestbloggertricks.com/2010/01/blogger-proudly-announces-jump-breaks.html

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Post a Comment

 

Latest Blogger Tricks,Tips,Tutorial,Template,Widgets