18 September 2009

Tutorial Membuat Read More (Terbaru)

Kemarin penulis menemukan tutorial baru buat temen-temen blogger semua. Waktu blog walking ke blognya Kang Rohman penulis membaca sebuah tutorial dari Kang Rohman mengenai 'Bagaimana membuat read more pada blogspot', tetapi bukan read more yang biasa.

Fasilitas read more sering sekali dikeluhkan para pembaca karena harus me-load page baru untuk membaca penuh posting. Maka Ramani dan Hans yang dikutip 'ilmu'-nya oleh Kang Rohman, membuat tehnik  read more yang baru tanpa pembaca harus me-load page baru.

Berikut langkah-langkah untuk membuat read more:


  1. Sig in di blogger dengan id sobat
  2. Klik menu layout
  3. Klik menu 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, sekali lagi jangan lupa untuk memberi tanda centang dulu yah
  6. Tunggu beberapa saat sampai proses selesai
  7. Copy kode berikut, lalu paste tepat di atas kode </head> :
  8. <script type='text/javascript' src='http://amen24.googlepages.com/Readmore.js' />
  9. Tambahkan kode berikut pada kode template pembaca, yang berwarna hitam adalah kode asli dari kode template dan yang berwarna merah adalah kode yang harus di tambahkan :
  10. <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>
  11. Klik tombol SAVE TEMPLATE
Langkah selanjutnya :

  1. Klik menu Setting
  2. Klik menu Formatting
  3. Copy kode berikut lalu paste pada kotak kosong yang berada di samping tulisan Post template
  4. <span id="fullpost"> </span>
  5. Klik tombol Save Settings
  6. Selesai.
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. 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>. Untuk artikel yang pendek, pembaca tinggal menghapus kode tadi dan nanti artikel muncul tanpa ada kode [+/-] Selengkapnya... dan [+/-] Ringkasan saja....

Sekian tutorial yang dapat penulis sampaikan. Selamat mencoba. Maju terus Blogger Indonesia.

1 komentar: