Membuat Read More 2

1.   Login ke Blogger.

2.   Pilih Layout.  
3.   Edit HTML. 
4.   Back-up dulu templatenya. 
5.   Beri tanda centang pada kotak yang bertuliskan "Expand Template Widget" 
6.   Kopi kode berikut ini dan taruh tepat diatas kode </head>

      <script src='http://kendhin.890m.com/Readmore.js'
      type='text/javascript'/>

7.   Cari kode ini  :
      <div class='post-header-line-1'/> ( gunakan Ctrl F untuk pencarian )
      di bawahnya ada kode :
      <div class='post-body entry-content'>

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

9.   Terus dibawahnya lagi ada kode ini :
       <p><data:post.body/></p>

10.  Letakkan kode ini tepat dibawahnya.

       <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...</a></p>
       </span>
       <script type='text/javascript'>checkFull
       ("post-" + "<data:post.id/>")</script>
       </b:if>

11.  Jadinya akan seperti di bawah ini :

       <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"'>

       <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...</a></p>
       </span>
       <script type='text/javascript'>checkFull
       ("post-" + "<data:post.id/>")</script>
       </b:if>

12.  Tulisan 'Selengkapnya' dan 'Ringkasan' bisa diganti dengan apa aja kata yang anda suka.
13.  Klik Save.
14.  Pilih Setting.
15.  Formatting.
16.  Liat di bagian bawah pada tulisan "Post Template",
       Isikan kode dibawah ini ke dalamnya. lalu simpan setting.
       <span id="fullpost">
      </span>

17.  Klik Save.

Catatan :
Pilih "Edit Html" pada saat membuat posting,
Letakkan abstraksi posting yg akan ditampilkan di halaman muka di atas kode <span class="fullpost">
Sisanya yaitu keseluruhan posting letakkan di antara kode <span id="fullpost"> dan </span>

Share :

Tweet

✚

Related Post