MEMBUAT READMORE GAYA BARU

Mengingat postingan kita terlalu panjang kebawah kalau mengetik dikertas tidak cukup satu halaman bahkan hampir sepuluh halaman kertas begitu panjangnya sampai halaman postingan muka tidak bagus dipandang mata oleh sebab itu saya tawarkan dalam postingan kali ini sebuah cara terbaru untuk memotong postingan anda menjadi bagus dipandang tidak terlalu panjang sesuka hatimu dan kali readmorenya bukan yang biasa di pakai para blogger yang dahulu pada template klasik kalau kita klik readmore atau selanjutnya . . . maka akan muncul postingan penuh tanpa loading ulang yang membosankan pengunjung menunggu kembali Artikel muncul apa lagi koneksi Internetnya rada lelet membosankan.

Sungguh disayangkan hanya berlaku untuk template yang baru saja termasuk saya sendiri blog aku tak bisa memakai code ini.

Baik kita lanjutkan untuk pembuatannya

Langkah2nya adalah berikut :

1. Sig In di blogger dengan ID anda.

2. Klik menu layout.

3. Klik menu Edit HTML.

4. Klik tulisan Download Template lengkap, silahkan save dulu template anda, ini untuk mencegah resiko apabila terjadi kesalahan dalam proses editing template.

5. Klik kotak kecil di samping tulisan Expand Template Widget, sekali lagi jangan lupa untuk memberi tanda centang.

6. Tunggu beberapa saat sampai proses selesai.

7. Copy kode dibawah ini, lalu paste tepat di atas kode </head>

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

8. Tambahkan kode berikut pada kode template anda, 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='&quot;post-&quot; + data:post.id'&gt;&lt;b:if cond='data:blog.pageType == &quot;item&quot;'&gt;&lt;p&gt;&lt;data:post.body/&gt;&lt;/p&gt;expr:id='"post-" + data:post.id'><b:if cond='data:blog.pageType == "item"'&gt;<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 ....

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

4. Klik tombol Simpan Setting.

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

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

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

Selamat mencoba semoga berhasil