"Readmore", without having to move to another page (peekaboo)

We often encountered in the writing "Readmore" on blogs have, when we click it will re-loading. When the loading of the blog is not a problem quickly, but if loading slow? Of course this will affect interest from visitors to our blog to read the next article.

Then how do I anticipate that when clicked readmore not re-loading?

Here is how to install the code readmore are:

1. Login to Blogger
2. Select Edit HTML Layout ------
3. Previous back-up the template with any posts click Download and save the template.
4. Check the box labeled Expand Widget Templates
5. Copi code below and paste the code right above </ head>

<script src='http://triktipsblog.fileave.com/javascript-readmore.txt' type='text/javascript'/>

6. If already, search the code below:

<div class='post-header-line-1'/>

7. Underneath there is the following code:

<div class="post-body entry-content">

8. Change the code like this:

<div class="post-body entry-content" expr:id=""post-" + data:post.id"> <b: if cond = 'data: blog.pageType == "item" " >

9. Underneath there is the code:

<p> <data:post.body/> </ p>

10. Add this code underneath.

<b:else/> <style> # fullpost (display: none;) </ style> <p> <data:post.body/> </ p> <span id='showlink'> <p> <a expr : onclick = "javascript: showFull (\" post-"+ data: post.id +" \ ");"' href = 'javascript: void (0 );'>[+/-] Readmore / Read more .. . </ a> </ p> </ span> <span id='hidelink' style='display:none'> <p> <a expr: onclick = "javascript: hideFull (\" post-"+ data : post.id + "\ ");"' href = 'javascript: void (0 );'>[+/-] Activity ...</ a> </ p> </ span> <script type =' text / javascript '> checkFull ( "post-" + "<data:post.id/>") </ script> </ b: if>

11. If the above steps have been executed, then all code will be like this:

<div class="post-header-line-1"> <div class="post-body entry-content" expr:id=""post-" + data:post.id"> <b: if cond = "data: blog.pageType ==" item ""> </ b: if> <data:post.body> </ data: post.body> <b:else> <style> # fullpost (display: none ;) </ style> </ b: else> <data:post.body> </ data: post.body> <span id="showlink"> </ span> <a expr: onclick = "javascript: showFull (\ "post-" + data: post.id + "\ ");"" href =" javascript: void (0 );">[+/-] Readmore / Read more ... < / a> <span id="hidelink" style="display: none;"> </ span> <a expr: onclick = "javascript: hideFull (\" post-"+ data: + post.id "\ ");"" href =" javascript: void (0 );">[+/-] Activity ...</ a> <script type="text/javascript"> checkFull ( "post - "+" <data:post.id/> ") </ script>

12. Hot 'Readmore / Detail' and 'Activity' can be replaced with are the words that you like.

13. Then save the template.

14. Select the Settings menu --- Formatting

15. At the bottom of the box which have any posts disampingnya "Post Template", and fill in the code below into it and save the settings.

<span id="fullpost">

</ span>

16. Beheading the desired sentence appears in the main window in the top of the code <span id="fullpost">, and the rest under the code, and end with the code </ span>.

17. In writing the post should be in the Edit HTML window, this is to avoid the double function of the code so that HTML is not active.