Before I start, let me share with you why I like to put read more in my posts.
1. Increasing my blog loading speed. Besides setting my blog reading to 2 posts per page, this is useful to boost your blog speed as well.
2. Let my readers choose what post they would like to read. I can't stand reading extremely long post and I know not everyone likes rubbish talk. Let them read if they want by clicking Read More. :)
Adding "Read More" is easy in Wordpress but not in Blogspot. I have followed many guides from different bloggers and I discovered this one really easy and it works. Are you ready for it? Let's go on.
1. Go Layout-> Edit Html and search(CTRL+F) for </head> and add the code below before it.
<style>2. Expand Widget Templates and Replace the code below with <data:post.body/>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>
3. Go Settings then Formatting then Post Template
<div class='post-body'>
<p><data:post.body/>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>(Read more inside ..)</a>
</b:if></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
Add the below and save.
<span class="fullpost""></span>
For every post you want to add Read More, simply put the rest of the post within the <span class="fullpost""></span> in Edit Html.
24 comments:
waa... so desu neh? lol. so simple nia wan? ish..
ok ok.. what if i already meddle with the html before, but didnt work?
can i just pop your method in? =S
haha i tried that before..but removed it a few days later... forgot the reason.. lol..
if i wanna put it back up, i know where to find now..haha =D
Cool! Great tutorial.. Generous of you to share with your fellow bloggers.. ;)
wah bro...thanks for sharing...this will be useful for me ler...
cun stuff wei, thx a lot ah mike :)
Good tips!
Ooooo, thank you for sharing. Only for selective entries. That's what I've been searching for.
Works like a charm.
marcus : can!
kenwooi.com : Great learn more HTML code :D
Cashmere : Hope you like it sister :)
vialentino : yeah :) Hope you like it.
Cwken : Welcome
Wayeyoung : Thanks
fimey : hehe thanks thanks
bro bro~~ thanks for sharing on this!! i would like to this long time adi..muakssssss~~ u r the best..love it~~ will implement it in the coming days..hehehe..gotta manage my blog well adi..
thanks bro! been searching for this on the web but none of 'em actually works. Then found this blog and presto! hey one thing though, the final code has an extra quote on it.
"fullpost"" <--- minor syntax error, just small matter only. *wink* =)
why is it make the post twice? now ive been warning for spamming, coz when i use this method the post i created makes it double., please humor me..
Thank you sooo much for this tut :D
Thanks for the info, I was looking for this for a while.
Thank you so so so much.It worked for me after 1 month.
Only here i got the right methode
thanks dude for this tutorial I have implemented your tutorial in my blog TechnoZone - The Digitized World http://bishwajeet.blogspot.com
Keep on posting such tutorial
thanks for this short tutorial.
but unfortunately, i could not get it done. don't know why. perhaps because mistype or something else. well, probably i will try it next time.
Thanks again
Working :) Cool
a very useful tips.keep it up
Lovely..
Thank you so much for this useful article.
I tried it on my blog but the Read more is found at the end of my post. why is that?
my question same as bwends :)
Rely thanks man for that
bro, this technique still can use wan ah? im using on new blogger layout. thnx
Post a Comment