Make Read More in a Classic Template

Read More, here's what I use to make my articles appear only titles with one or two paragraph only, and to view the entire article you must click on the link that reads -> "Read more ..." . For the new post of the article only one or two articles may be considered not only need to cut of the article, but if the later is a lot of articles, then there may be want to create this menu.


To make the menu more we need to add some HTML code in the template to our blog. But for this post, for bloggers who are using a classic template, to use the new template please wait on the post that will come.

Please follow these steps:

• Login to blogger.com with your id
• Click the menu labeled Templates
• Click the Edit HTML
• Do not forget to copy the entire code of the property template ago in notepad and paste and save, to make a back up data. This is when the error occurred in the template after our brain especial, we still have the backup data to restore it.
• Copy the HTML code below and paste the above code exactly </ style> :
  

  <MainOrArchivePage>
  div.fullpost (display: none;)
  </ MainOrArchivePage>
  <ItemPage>
  div.fullpost (display: inline;)
  </ ItemPage>

  
  To speed up the search code </ style>, please click of the Edit menu in the browser menu bar, then click Find (on this page write )..., ago </ style> then click find next button, it will automatically on the take it to the code.
• s the next step, please copy the following code after the code and paste ago <$ BlogItemBody $> :
  

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

  
  Again To expedite the search code <$ BlogItemBody $> please click of the Edit menu in the browser menu bar, then click Find (on this page )..., then write <$ BlogItemBody $> hen click find next, it will automatically take it to the code.
• Click the button labeled Save Settings
• The next step is to click the Settings
• Click the Formatting
• Shares down menu box next to any posts in the Post Template, nah fill empty boxes with the code below:
  

  <div class="fullpost">
  
  </ div>

  
  In fact the above step is not required has been done, but this will mean that in when we want to post the article, the code will appear automatically without the need to write in the first, of course this will be more easier and does not always have to remember the code.
• And do not forget to click the Save Settings
• Finish

How to Post Article..?
Okay, after some stage, now we go to the stage on how to post an article that there Readmore its menu.

• Click the Post
• Click on the Edit menu HTML, there will automatically appear that we keep the code before, namely:
  

  <div class="fullpost">
  
  </ div>

• store of the articles you want to show the code before <div class="fullpost"> then save the rest of the article after <div class="fullpost"> code and the code before </ div> To be clear, I give examples, eg his article thus: This is an example of any posts in the store at the beginning of the article that will always appear on our blogs, and other words that it will not appear. <div class="fullpost"> and writing this is that any posts that will appear when the visitor clicks the link that reads Read more. </ div> The result will appear on your blog we are like this: This is an example of any posts in the store at the beginning of the article that will always appear on our blogs, and other words that it will not appear. Read more!

How do friends, have been described. if not clear, please check back in on the comments.

A little clue, the word Read more! we can actually change according to our wishes, eg we change into ... Read more, .. more, more ... or whatever the word is important to give the visitors to know that we have continuity of the article.

Related Post