Membuat Read More Pada Template Klasik | Create Read More At Classic Template

Setelah hari kemarin saya posting tentang Membuat Related Post dan Setting Font dan Warna, maka hari ini saya akan update posting cheat point blank lagi, yaitu Membuat Read More Pada Template Klasik | Create Read More At Classic Template.

To make the more we need to add some HTML code in the template to our blog. But for posting this time, I khususkan for bloggers who are using a classic template, the template for a new posting, please wait on the future.

Please follow the following steps:

* Login to blogger.com with id comrade


* Click on the menu labeled Templates


* Click the Edit HTML

* Do not forget to copy the entire code template property comrade ago paste in notepad and then save, to make a back up data. This is when the error occurred after the template in our brain especial, we still have to return it back up data.

* 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 the Edit menu comrade in the browser's menu bar, then click Find (on this page write )..., ago </ style> trus click the button next find, it will automatically on the take it to the code.

* The next step is, please copy and paste the following code after the code ago <$ BlogItemBody $>:


<MainOrArchivePage> <br/>

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

</ MainOrArchivePage>

Again To speed up the search code <$ BlogItemBody $>, please click the Edit menu comrade in the browser's menu bar, then click Find (on this page write )..., ago <$ BlogItemBody $> trus 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 menu


* 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 made mandatory, but is intended to be in when we want to post the article, the code will appear automatically without having to write in the first, of course this will be easier and does not have to always remember the code.

* And do not forget to click the Save Settings


* Finish




How to post articles


Okay, after some stage we lalui, now we go to the stage on how to post an article that have Readmore its menu.

* Click the Post


* Click the Edit menu HTML, well there will automatically appear that we keep the code before, namely:



<div class="fullpost">


</ div>

store the articles in the buddy you want to show the code before <div class="fullpost">, then save the rest of the article after the entire code <div class="fullpost"> and before the code </ div>

To be clear, I give an example, like this article for example:

This is an example of the text in the store at the beginning of the article that will always appear on our blog, while the other words that it will not appear.

<div class="fullpost">

and the note that this is the text will appear when the visitor to click a link that reads Read more.

</ div>