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