Create "Read More" button in Blogspot Classic | Tutorial

Posted on 5:57 AM by Unknown

You must ever have seen a blog with something different in it. What I mean is on the article or the post itself is only a title and one paragraph article. Then there is the button underneath or maybe the words "Read More" or other writings, which is essentially a button or text to lead us towards the full article from the piece of article. I think if you are until this article, You must want it. Okay.

Please follow the following steps:

Login to blogger.com and signed the menu labeled "Layout"
Click the Edit menu HTML, do not forget to copy the entire template code and paste my friend's in notepad and then save, to back up your data. This is intended in the event of an error in the template that we have the brain-tweaking, we still have to back up data.
Copy the HTML code below and paste the code right above </style>

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

Note :
To accelerate the search for the code </style>, please click on the Edit menu on your browser's menu bar, then click Find or press ctrl + F, and write </style> at the bar that appears, then click the next button, it will automatically be in take it to the code.
Then do same with this code after code <$BlogItemBody$>

<MainOrArchivePage&;gt;<br/>
<a href="<$BlogItemPermalinkURL$>">image, Read more! or other.</a>
</MainOrArchivePage>
Click the "Save Setting" button
The next step is to click the Settings menu
Click Formatting
The bottom of the menu is a box next to Post template, fill in the blank box with the code below.

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

Note :
Actually,the above step is not mandatory, but this will mean that when we want to post the article, the code will appear automatically without the written previously, this course will be easier and not have to always remember the code.
Then do not forget to click the Save Settings button.
And the last is the way you to do a post or write articles.Here's what I give, hopefully quite clear.

This is the paragraph that you want to display on the start screen, which later under this article, there is a button or writing "read more".<div class="fullpost">And this is another paragraph that will appear after the button or the words "read more" is clicked (one full article)</div>