Make Post Summary (Read More) At Classic Template

In the previous article, I explain how to create a post summary on the new template. Now, I will explain to you about how to create a post summary (Read More) in the classic template. If you blog using a classic template, I think you need to follow the tutorial in this article.

1. Log in to Blogger -> Layout -> Edit HTML.
   
2. Paste this code above the code </style>.
   
   <MainOrArchivePage>
   div.fullpost {display:none;}
   </MainOrArchivePage>
   <ItemPage>
   div.fullpost {display:inline;}
   </ItemPage>
   
   
3. Then paste the following code under the code <$BlogItemBody$>.
   
   
   <MainOrArchivePage><br/>
   <a href="<$BlogItemPermalinkURL$>">Read more</a>
   </MainOrArchivePage>
   
   
4. Save the template. Then go to Settings -> Formatting.
   
5. In the Post template, fill in the following code.
   
   
   
   <div class="fullpost">
   
   
   </div>
   
   
6. Then save.
   
   

Now, if you want to post the article, type the beginning of the posts that will be displayed on the main page before <div class="fullpost"> Then type the continuation of the article between <div class="fullpost"> and </div>. Ok, I hope this tutorial is useful for those of you who read it.

READ MORE - Make Post Summary (Read More) At Classic Template

Make "Read More" Go to New Page

I have been explaining how to create a summary post (Read More). On the main page, posts that are displayed are only summarized, and then to read it fully, we must click on the Read More link.

Hmm, now I explain to you how to create a summary post / Read More link that when clicked, then the articles will be displayed in full on the new page. So, we do not need to close the our main page blog. If you want to make it, please follow the steps below.

1. Login to Blogger.
   
2. Go to Layout --> Edit HTML --> and give checklist in Expand Template Widget.
   
3. If you are installing Read More Version 1, you can continue, but if you have not installed Read More version 2, see this article first.
   
4. Find this code:
   
   <a expr:href='data:post.url'>Read More...... </a>
   
   
5. Add code target="_blank"
   between <a expr:href='data:post.url'    and    >Read More...... </a>. So that the code be like this:
   
   <a expr:href='data:post.url' target="_blank">Read More...... </a>.
   
   
6. Save your changes and see results.
   

Now you open your blog and try to click the Read More link. If the article on the blog opened a window / new tab, it means that our experiment was successful. But if you have any problem about this, please inform me about your problem through the comment box.

READ MORE - Make "Read More" Go to New Page

Create Read More At Classic Template

If in the previous article we discussed how to create Read More on the new template, this time we discussed how to create Read More in the classic template. Okay, I will immediately know how to give it so.

1. Log in to Blogger -> Layout -> Edit HTML.
2. Paste this code above the code </style>.

<MainOrArchivePage>
div.fullpost {display:none;}
</MainOrArchivePage>
<ItemPage>
div.fullpost {display:inline;}
</ItemPage>

3. Then paste the following code under the code <$BlogItemBody$>.


<MainOrArchivePage><br/>
<a href="<$BlogItemPermalinkURL$>">Read more</a>
</MainOrArchivePage>

4. Save the template. Then go to Settings -> Formatting.
5. In the Post template, fill in the following code.



<div class="fullpost">


</div>

6. Then save.


When writing, writing that you want to display at code above <div class="fullpost"> and type of articles of the code <div class="fullpost"> and </div>.

READ MORE - Create Read More At Classic Template

Create Read More included Post Title

In tricks this time our discussed how to make Read More included with the title of the article. Read More included with the title of the article Read More is the title of the article added, such as that used it on my blog. How to make it very easy, follow these steps.

If Read More 1 on the previous code is as follows.

<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'><strong>Read More...</strong></a>

</b:if>

View a code blue. You change the code with the following code.

<strong><a expr:href='data:post.url'>Read More    &#8220;<data:post.title/>&#8221; &#160;&#187;&#187; </a></strong>

Save your template and see the results.

READ MORE - Create Read More included Post Title