Adding Read More On Blogspot / Blogger

adding read more on blogspot

In my earlier 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 adding read more on 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>

</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>

type your full post here 

<span>

Happy blogging.You can see the example in my dummy blogspot

Incoming search terms for the article:

• how to add read more to blogger 2010
• a graduation
• how to post clipart on blogger
• how to make read more link in blogger 2010
• blogger pagetype

• read more
• how to add read more to blogger
• how to add readmore button in blogger
• how to add readmore in blogger 2010
• how to add style to blogger

Related posts:

1. Several Kinds Of Business With a Blog
2. VB6 Ms. Access Data Report
3. Internet Service through Your TV
4. How to display the input from the textfield