Read More Dengan Collapse Posting

Setelah mencoba dengan read more di new blogger disini .Mari mencoba yang Collapse Posting.Nah bila menggunakan read more ini maka anda tidak perlu membuka halaman postingan yang baru.Yuk ikuti caranya:

Langkah Pertama:

• Login ke id Blogger anda.
• Klik Menu Pengaturan.
• Klik Menu Format.
• Pada Layar paling bawah ada text area yang kosong:
• Isi text area tersebut dengan kode berikut:

  <span id="fullpost">
  
  
  </span>
  
  

• Klik Tombol Simpan Pengaturan.
  

Langkah Kedua:

• Klik Menu Dashboard.
• Klik Menu Tata Letak.
• Klik Tab Edit HTML.
• Klik Tulisan Download Template Lengkap.
• Back up atau save dulu template tersebut.Dikarenakan bila terjadi kesalahan maka bisa diulang kembali.
• Beri tanda Centang pada kotak yang disamping tulisan Expand Template Widget.
• Tunggu proses loadingnya...
• Copy Code berikut,lalu paste diatas kode </head>
  

  <script type='text/javascript' src='http://www.geocities.com/ridwanox/Readmore.js' />

• Tambahkan kode berikut pada template anda,warna yang hitam adalah kode asli template dan warna merah adalah kode yang harus ditambahkan.
  

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

• Klik Tombol Simpan Template
  

Cara Memposting artikel Menggunakan Read More:

• Klik Menu Posting.
• Klik Menu Edit HTML,maka secara otomatis tampak kode yang kita setting tadi:

  <span id="fullpost">
  
  
  </span>

  
  

• Tuliskan artikel yang ingin tampak pada blog sebelum kode:

  <span id="fullpost">
  

  
  

• Tulis Keseluruhan sisa artikel sisa artikel sesudah kode di atas tadi dan sebelum kode:
  

  </span>

  
  

• Contoh Penulisannya:
  Recent Comments sangat diperlukan di tampilan blogmu karena widget ini gunanya untuk mengetahui pengunjung yang memberi komentar tempat anda.<span id="fullpost">Coba kita pikir nih Misal Artikel kita udah 500 artikel...dan komentar anda 10.000 komentar..mungkin di salah satu artikel kita ada teman yang bertanya...gimana kita melihatnya apakah harus di periksa satu-satu artikel anda sebanyak 500 buah ...</span>

• Klik Tombol Mempublikasikan Posting atau Terbitkan Entri
  

Bila anda mengikuti tutorial ini mengalami kegagalan..Jangan khwatir bila templatenya jadi aneh,upload kembali backup templatenya dan akan kembali seperti semula sebelum di edit.