The new version Read More

Tips Trick Blog

Read more facilities at this time made by Ramani and Hans. The good that is when readers click on the Read more link, then the entire article can be opened without re-loading.


Simply read more to make this new version please follow the following steps:

1. Sign in the blogger with id comrade


2. Click on the menu layout


3. Click the Edit HTML


4. Click on any posts Template Download complete, please save the template first comrade, to prevent this risk when an error occurred in an error in the process of editing a template


5. Click the box next to any posts in the small Expand Widget Templates, again do not forget to check first yah


6. Wait some time until the process is complete


7. Copy the following code, and paste the code just above the </head>



<script type='text/javascript' src='http://amen24.googlepages.com/Readmore.js' />


8. Add the following code in the code template comrade, who is white from the original code and template code that red is the code that must be added:


<h3 class='post-title'>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</h3>
</b:if>
<div class='post-header-line-1'/>
<div class='post-body' expr:id='"post-" + data:post.id' >
<b:if cond='data:blog.pageType == "item"'>
<p><data:post.body/></p>
<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);'>[+/-] Selengkapnya...</a></p>
</span>
<span id='hidelink' style='display:none'>
<p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Ringkasan saja...</a></p>
</span>
<script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
</div>
.... rest of template code ....


9. Click the button SAVE TEMPLATE




The next step:

1. Click the Settings menu


2. Click the Format menu


3. Copy and paste the following code ago on the empty box next to any posts in the post Template




<span id="fullpost">


</span>



4. Click the Save Settings


5. Done.




How to post the article:

At the time the post is on the menu, select Edit HTML button that do not select the Compose button, it will automatically appear before the code above, namely:


<span id="fullpost">



</span>


Save the article in the show in advance (summarized) above code <span id="fullpost"> and the rest of the article in the store after the code <span id="fullpost"> and before the code </span>


For a short article, comrade lived remove code earlier and later articles appear without any code [+/-] Read more ... and [+/-] Summary only ....

For example I have made a real blog that already use this system, please click on any posts comrade [+/-] Readmore ... to open the whole article, and click on any posts [+/-] Summary only ... To see a summary of the article

Related Posts by Categories