do you wanna display only posts summary on your blog
index page. and add read more
or continue read link.
finally after about 4 hours of applying alot of ways. i found the best way to add “read more” link to your blogspot blog.
to display only the summary of your posts on your blog index page and archive pages.
We’ll make 2 main changes, first for the main template and the second for the post template.
don’t worry. it is easy, simple, and clear way.
before we start please read the next note carefully.
 |
- Before We Start: - You need to be careful while changing your template. - Before you make any changes, Back up your template and save it at safe place. |
ok . here we go.
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> |
Or
| <data:post.body/> |
and just before it insert the next code
<b:if cond='data:blog.pageType == "item"'> |
Step 3:
Search for :
| <p><data:post.body/></p> |
Or
| <data:post.body/>/font> |
aand just after it insert the next code
<b:if cond='data:blog.pageType != "item"'><br /> |
The result should look like this:
center>
Step 4:
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 5:
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 6:
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..
And here is demo blog
click here
that we applied this hack for it.
Additional info
If you wanna change the ‘read more’ text to be some thing like.
more details, continue reading, or read more….,
just change the word “Read more!” in step 3 to the word that you want.
If you have any problems please leave comment here,
thanx
Broken link : Copy url & Click here
Installation error : Copy url & Click here
 Rating : |
   (12 votes, average: 3.92 out of 5) Loading ... |
Views :4,884 views
BookMark / Share : 
Subscribe :
Loading ...
42 responses so far!
I love this feature! But somehow,I’m using the old layout feature,so I’m not using any widgets for my blog.Is there way to use this?
actually we will search for some another ways and send you a message on your mail that you used to comment here.
while we search for another way please use contact us page to tell us why you still old blogger instate of beta blogger.
I really like this feature. But I can’t install it
I’ve got this message when I was trying to edit the html:
XML error message: Open quote is expected for attribute “{1}” associated with an element type “cond”.
mariana… change your quote at “item”
thanks pchenn for your answer.
we hope it work for mariana
mariana… change your quote at “item”
What Quote Should i Put ?
hi Praveen
can you please tell us what is your problem.
hey, I’m also having the some problem as Mariana..
XML error message: Open quote is expected for attribute “{1}” associated with an element type “cond”.
And honestly, I don’t understand how can I change my Quote at item..
I can’t find it.. what quote? what item..?
please help me out
hi Noe.
And honestly too, me too don’t understand how can I change the “Quote at item”..coz you CAN NOT change it.
can you please tell me exactly what happened with you, and when did you got the error message,and if you can take screen shot and send it’s link here, it’ll help more to fix you problem.
see you.
not working for my blog
http://moonlightafridi.blogspot.com/
hi moonlightafridi
we visited your blog and we can see that it worked now for your blog.
if you need any help, please leave a comment.
Hi! I can’t seems to find the coding for . It stated not found. Please help me.
http://exposure-magazine.blogspot.com
hi Exposure
please make sure to follow all steps carefully.
if you still can’t apply this trick please expand your code > copy it> and send it for us.
Hello there Max! well,I’m still using the old layout mainly because I can have the freedom to design my blog from scratch
Honestly,what is quote is??Help me please…
hi Angela
thanks for your comment
hi iqkram94
can you please write here the error message that you see when you try to apply this trick.
Dear friends,
I’m also having the some problem as Mariana..
XML error message: Open quote is expected for attribute “{1}” associated with an element type “cond”.
And honestly, I don’t understand how can I change my Quote at item..
I can’t find it.. what quote? what item..?
please help me out
hi Aziz, hi all dear visitors
actually we don’t know why you do you see this error message, alot of my friends installed his hack without any problems,
please wait, we are try to find final solution for this
hi there…. this post i give u how to FIX your problem….(KEEP YOUR STEP)
>………………………………………………………………………………………………………<
(FIRST )
(SECOND)
.fullpost{display:inline;}
.fullpost{display:none;}
(THIRD) (LAST)
Read more…
>……………………………………………………………………………………………………………<
Nice site you have!
Скажите, а у вас есть RSS поток в этом блоге?
Я, хоть и не постоянный читатель, но всё же выскажусь. На ваш блог попал практически случайно. Однако узнал много чего нового и интересного. Так что, как говорится, пиши еще :)
hii thanks for nice trick, but here some problem with {1}. btw don’t worry i already resolve this problem with simple trick.
it’s because the tag url not closed properly.
here in step 3 line 2 code :
Read more…
replace with :
Read more…
viooola…..done with easily trick….
me too can’t get it done. i’ve got this error message :
Open quote is expected for attribute “{1}” associated with an element type “expr:href”.
please help. thanks..
hi thanks for your tricks i have the same prob: Open quote is expected for attribute “{1}” associated with an element type “expr:href”.
plz help me
Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: Open quote is expected for attribute “{1}” associated with an element type “expr:href”.
yess..i can do it.
but it will seem just the header..
in STEP 3
Change
’data:post.url’
as
‘data:post.url’
Make sure u use the correct ”
thank’s…
If you’re receiving this error, “XML error message: Open quote is expected for attribute “{1}” associated with an element type “expr:href,” then your problem is with this little piece of code: ’data:post.url’
The half quote before and after are slanted … replace each of them with the plan ‘ on your keyboard, and the error will go away.
Sorry — replace them with the PLAIN ‘ (the half quote on the key two to the right of your L key), and the error will go away.
I’ve tried for hours to get these instructions to work, to no avail, though I really appreciate that they’re out here and you’re trying to help us with our code!! I found this web site: http://help.blogger.com/bin/answer.py?answer=42215 … and it worked.
My template had no style sheet, so I added the open and close and to “Conditional CSS” code and then inserted the “Read More” code immediately following it.
I realize that the topic in my blog may not be something any of you wishes to read, but you can see the code in action here, if you want: http://www.straytogether.com.
Again, thank you to the writer of this blog for trying to help us newbs!!
hi Jill
i really appreciate all your comments, thank you and i’m really happy with your comments,
Hi, thanks for the hack. I have a question though. The “read more” link shows at the bottom of every post, even the full post but on your example website (max-elisa), the link shows on the first link but not when you click on the full post at: http://allblogtools-elisa.blogspot.com/2009/01/friends-links.html. How did you remove it from the full post page? It looks silly to have a “read more” link at the end of the page with the full post on it since there is no more to read. Any tips you can share would be greatly appreciated. Thanks!
hi Kathleen
just follow the steps in this tutorial and you’ll get it.
Hi. Nice blog. What if I don’t want the “Read more” option to appear in all my posts, but only in some. What do I do?
hi AT.
when you go to add new post, wright a normal one with out the tags in step 5 and 6.
Hi, thx for the tips and all the helps from others. Now I can use this ‘read more’ feature. I can use it after reading this blog, then I go to this link http://help.blogger.com/bin/answer.py?answer=42215
I tried to fix my previous problem, then I got this solution.
All the ” should be change to
& quot ;
(for example “item” change the ” to text above, but without space. Don’t put the space. I use the space here just to avoid this code change as “)
I hope it works for others.
Thx.
Anyway, I have a question. How if we don’t wanna put the ‘read more’ in one of our post?
Because I can’t get rid of the ‘read more’ if don’t want to use it. It will appear in every post.
hi mariana.
when you go to add new post, write a normal one with out the tags in step 5 and 6.
I have more on my post template than just the Read More tag.
How can I have the Read More tag appear with the written body of the post and not at the end of all the other templates that I’ve added?