How to put “read more” in blogspot
In my early post, i have wrote about how to put read more in your post . But i wrote that for wordpress, one of my friend ask me, what about blogspot ? Can you write it ? Hmm, i said ok, i will write it later. And now i will show you how to do it. This is the most article that newbie search for. Let’s talk about it 
These are the steps :
1. Login to blogspot
- of course you must login first
- after sign up, click the layout menu on the dashboard and then click edit HTML
- on the edit HTML window, make sure you check Expand Template Widget, wait until it finish the loading.
- OK, then you can just sleep, no no just kidding
- you must find the code below (use ctrl + f)
<div class='post-header-line-1'/>
<div class='post-body entry-content'>
- After you found the code, you can copy paste the code below under the code above
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
- After you copy paste the code, watch the code below it
<p><data:post.body/></p>
<div style="'clear:"> <!– clear for photos floats –>
</div>
- And then between
<p><data:post.body/></p>
- and
<div style="'clear:"> <!– clear for photos floats –>
</div>
- put the code below
<a expr:href='data:post.url'>Read More .. </a>
</b:if>
- REMEMBER !! MUST BE BETWEEN
- And this is the final result
<div class='post-header-line-1'/>
<div class='post-body entry-content'>
<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>
<div style="'clear:"> <!– clear for photos floats –>
</div>
- You can see that the blue code color is the additional code, and the rest are original one. All right, the first step has finished.
- And don’t forget to save it
. Now we go to the 2nd step
2. Formatting Template
- Click the Setting menu, choose formatting
- Scroll your mouse down and find Template Posting
- Fill the text box with the code below
<span class="fullpost">
</span>
- don’t forget, click save button
3. How to posting
When you want to post something, type your summary, and then click Edit HTML, put the code below.
<span class="fullpost">
type your full post here
<span class="fullpost">
Happy blogging.You can see the example in my dummy blogspot
Comments
6 Responses to “How to put “read more” in blogspot”
Leave a Reply
You must be logged in to post a comment.
Thanks for writing, I very much enjoyed reading your most recent post. I think you should post more frequently, you clearly have natural ability for blogging!
I will try
[OK, then you can just sleep, no no just kidding] lol!
Make the reading more enjoyable!
Nice pics, very funny!!
That’s a good tutorial, very helpful for people who write as lon as a page :p
By adding this you can have many post in a page and visitors can choose which to read
Thanks for sharing!
Stella
Woow…
This is Cool, nayantaka goes to international !!!
Congrats for your brand new domain name nayantaka.com
Cool post, just subscribed.
…
?? …