Trik : Read More (Very Simple)

Blogger has introduced After the Jump a  new feature which lets you create expandable post summaries in your blog posts, so longer posts appear as an intro with a link to Read More at the bottom.

Creating jump breaks in your blog posts can be easily done right from the post editor, without the need for any HTML changes.

Two way  / alternative to make a Read More link

1. Place mouse cursor at the jump point, simply click the Insert Jump Break toolbar icon:

2. add this code into the post editor:

>!-- more --<

Related Post / Topic / Article :
how to make read more hyperlink

How To : Make a Read More hyperLink

How To : Make a Read More hyperLink

First Step :

1. Login to Blogger
   
   
   
   
   
   
2. Click Settings menu
   
   
   
   
3. Click Formatting tab
   
   
   
   
   
   
   
   
   
   
4. 
   
   Go to the most-bottom page, at Post Template fill in the textarea :
   
   <div class="fullpost">
   
   </div>

Second Step :

Langkah selanjutnya yaitu menambahkan kode pada template.

1. Click Dashboard hyperlink at top right corner
   
2. Click Layout menu
   
3. Click Edit HTML menu
   
4. BACKUP your template. Save your Template with click Download Full Template, before upload template section. So anything accident can be save with restore another time.
   
5. At Edit Template section, Check Expand Widget Template, wait a minute.
   
6. Find this following code :
   
   <div class='post-body'>
7. Copy the following code then Paste under code in step 6 :
   
   <b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
   
   
8. Then search this following code :
   
   <p><data:post.body/></p>
   
   
9. Copy this HTML code & Paste below the HTML code in Step 8 :
   
   <a expr:href='data:post.url'>Read More......</a>
   </b:if>
   
   
10. Click Save Template
    
    

How to Post Article

1. 
   
   Click Edit HTML at Posting Editor, then tempate must appear like this :
   
   <div class="fullpost">
   
   </div>
   
   
2. 
   
   Write post when appear before reader/user click Read More... ,
   before this code :
   
<div class="fullpost">

   
   
3. Posting your content after the code in step and before this following code :
   
   </div>
   
   




4. Publish your Post