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:

• a graduation
• add read more link to blogger
• add read more to blogger
• adding read more to blogger
• how to add read more to blogger
• how to add readmore button in blogger
• how to add readmore in blogger 2010

Related posts:

1. VB6 Ms. Access Data Report
2. Internet Service through Your TV
3. Apple IPad in Your Hand
4. Backlink Inside, Simple And Fast
5. How to display the input from the textfield