|
|
May be there are some people don't know how to create read more on the blog post on new Blogger.On this page, I will share tips about how to create read more on the blog post on new Blogger.There are two methods to do as listed below:
- The first method:
1. Log in to Blogger with your account .
2. On the dashboard menu select template tab.
3. On the template menu select edit HTML.
4. On the edit HTML tick the check box for Expand Widget Templates.
5. Then scroll-down and search for the </head> tags, then copy-paste the code below before that </head> tags :
6. Then scroll down again and search for the <data:post.body/> tags like this:
7. After that,copy-paste the code below after the <data:post.body/> tags:
8. Click Save.
9. And each time you make a post make sure in the edit HTML mode not in compose mode,then you add the code <span class="fullpost"> and </span> between the rest of post that you want to marked as read more like this:
- The second method
1. Repeat the steps 1-4 on the first method above.
2. On the edit HTML scroll down and directly search for the <data:post.body/> tags like this:
3. If you find it, then replace the <data:post.body/> tags with the code below:
4. Save the results.
5. On the dashboard menu select Settings tab then on the Settings menu select the Formatting tab.
6. On the box Post Template fill the following code:
And save.
7.Each time you make a post make sure in the edit HTML mode not compose mode, the above code automatically appears in the edit HTML mode,so you can placing the code <span class="fullpost"> and </span> between the rest of post that you want to marked as read more like this:
- The first method:
1. Log in to Blogger with your account .
2. On the dashboard menu select template tab.
3. On the template menu select edit HTML.
4. On the edit HTML tick the check box for Expand Widget Templates.
5. Then scroll-down and search for the </head> tags, then copy-paste the code below before that </head> tags :
<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>
6. Then scroll down again and search for the <data:post.body/> tags like this:
<div class='post-header-line-1'/>
<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <! - clear for photos floats ->
</ div>
<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <! - clear for photos floats ->
</ div>
7. After that,copy-paste the code below after the <data:post.body/> tags:
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'> Read More..</a>
</b:if>
<a expr:href='data:post.url'> Read More..</a>
</b:if>
8. Click Save.
9. And each time you make a post make sure in the edit HTML mode not in compose mode,then you add the code <span class="fullpost"> and </span> between the rest of post that you want to marked as read more like this:
<span class="fullpost">
the rest of post
</span>
the rest of post
</span>
- The second method
1. Repeat the steps 1-4 on the first method above.
2. On the edit HTML scroll down and directly search for the <data:post.body/> tags like this:
<div class='post-header-line-1'/>
<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <! - clear for photos floats ->
</ div>
<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <! - clear for photos floats ->
</ div>
3. If you find it, then replace the <data:post.body/> tags with the code below:
<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>
<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>
4. Save the results.
5. On the dashboard menu select Settings tab then on the Settings menu select the Formatting tab.
6. On the box Post Template fill the following code:
<span class="fullpost">
</span>
</span>
And save.
7.Each time you make a post make sure in the edit HTML mode not compose mode, the above code automatically appears in the edit HTML mode,so you can placing the code <span class="fullpost"> and </span> between the rest of post that you want to marked as read more like this:
<span class="fullpost">
the rest of post
</span>
the rest of post
</span>
: To change the type of use in the letter.
: To change the size letter (heading).
: To reinforce letter.
: To tilt letter.
: To change the color letter.
: To create a link.
: To make the article into the left flat.
: To make any posts to be in the middle.
:To make the article a flat right.
: To make the article to be average and the average left-right.
: To create a sub criticism by a number.
:To create a sub criticism by bullet.
: To check the spelling.
: To enter the picture (upload images).
: To make the article in the HTML code.
: To make the article in the Compose mode (normal).
: To me a review (the) article.
Posts
