Membuat Read More

1.Login www.blogger.com
2.Klik menu Layout
3.Pilih Edit HTML
4.Klik tulisan Download Template lengkap, silahkan save dulu template sobat, ini untuk mencegah resiko apabila terjadi kesalahan dalam melakukan kesalahan dalam proses editing template
5.Klik kotak kecil di samping tulisan Expand Template Widget,beri centang
6.Copy kode berikut, lalu paste tepat di atas kode </head>

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


5.Tambahkan kode di bawah ini, yang berwarna hitam adalah kode asli dari kode template dan yang berwarna merah adalah kode yang harus di tambahkan :

<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 ....



  • Klik tombol SIMPAN TEMPLATE

  • Langkah selanjutnya :
    1. Klik menu Pengaturan
    2. Klik menu Format
    3. Copy kode berikut lalu paste pada kotak kosong yang berada di samping
      tulisan Template posting

      <span id="fullpost">
      </span>
  • Klik tombol Simpan Setting
  • Selesai.



    1. Cara posting artikel :
      Pada saat berada pada menu posting, pilih tombol yang Edit HTML jangan pilih yang tombol Compose, maka akan secara otomatis terlihat kode tadi di atas yaitu :

      <span id="fullpost">

      </span>

      Simpan artikel yang mau di tampilkan di muka (ringkasannya) di atas kode <span id="fullpost">, dan sisa keseluruhan artikel di simpan sesudah kode <span id="fullpost"> dan sebelum
      kode </span>.

      SELAMAT MENCOBA!

      dinukil dari : kolom-tutorial.blogspot.com

      0 komentar: