Cara Membuat Read more...

Ada pertanyaan dari teman saya, bagai mana cara membuat read more... pada blog, saya juga agak bingung , tapi ini cara mudah tapi harus teliti , untuk menambahkan read more... pada blog.

Tapi sayang kode-kode berikut ini hanya berlaku bagi sobat

yang memakai template baru saja.

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
   cara mencari CTRL+F ketik /head

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

8. Tambahkan kode berikut pada kode template anda;

<br /> <h3 class='post-title'><b:if cond='data:post.url'><br /> <a expr:href='data:post.url'><data:post.title/></a><br /> <b:else/><br /> <data:post.title/><br /> </b:if><br /> </h3></b:if><br /> <div class='post-header-line-1'/><div class='post-body' expr:id='"post-" + data:post.id'><b:if cond='data:blog.pageType == "item"'><br /> <p><data:post.body/></p><b:else/><br /> <style>#fullpost {display:none;}</style><br /> <p><data:post.body/></p><span id='showlink'><br /> <p><a expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] <br /> <br /> Selengkapnya...</a></p></span><br /> <span id='hidelink' style='display:none'><br /> <p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] <br /> <br /> Ringkasan saja...</a></p></span><br /> <script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script><br /> </b:if><br /> <div style='clear: both;'/><!-- clear for photos floats --><br /> </div></div></div>

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"><br /> <br /> <br /> </span><br />

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 :

tulis text yang akan ditampilkan<span id="fullpost"><br /> tulis Post yang akan di Read more..<br /> </span>

untuk lebih jelasnya kunjungi SENIOR ni

Cukup Sekian Semoga Jelas TerimaKasih ...

• Tweet
• Share
• Share
• Share
• Share

Sign up here with your email