Membuat Readmore pada Blogger

Mungkin Sobat pernah melihat artikel di web/blog yang menampilan isinya hanya sebagian, ketika kita klik baru muncul secara keseluruhan. Mungkin para Sobat yang baru mulai membuat blog pengen tahu, bagaimanan sich cara buat artikel yang hanya menampilkan sebagian isinya saja dan baru akan muncul secara keseluruhan apabila kita klik tulisan Readmore.

Ada 2 cara Sobat, terserah Sobat mau menggunakan cara yang mana.

Cara yang Pertama
Pertama:
Buka Template - Edit HTML, aktifkan tanda pada Expand Template Widget. Jangan lupa backup dulu Sobat dengan cara mengklik Download Template Lengkap.

Kedua:
Cari kode ]]></b:skin> dengan cara menekan tombol Ctrl + F, untuk memunculkan menu Find/cari. Masukkan kode di atas.

Jika sudah ketemu, tuliskan kode dibawah dan taruh dibawah kode diatas.
<style>
<b:if cond='data:blog.pageType == "item"'>
  span.fullpost {display:inline;}
<b:else/>
  span.fullpost {display:none;}
</b:if>
</style>

Ketiga:
Cari kode <p><data:post.body/></p>

Jika sudah ketemu, tuliskan kode berikut dibawah kode diatas.
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'> Readmore.....</a>
</b:if>

Tulisan Readmore bisa Sobat ganti dengan kalimat Sobat sendiri (contoh: Kelanjutannya, Selanjutnya, dll). Jangan lupa Sobat simpan.

Keempat:
Sekarang masuk ke tab Pengaturan - Format. Cari Template Posting, dan masukkan kode dibawah ini:
<span class="fullpost">
</span>


Cara yang Kedua
Pertama:
Buka Template - Edit HTML, Aktifkan tanda centang pada Expand Template Widget. Jangan lupa lakukan backup terlebih dahulu Sobat.

Kedua:
Cari kode <div class='post-header-line-1/'>

Silahkan Sobat tuliskan kode berikut dibawah kode diatas.
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>

Ketiga:
Cari kode <p><data:post.body/></p>

Tuliskan kode berikut  dibawah  kode diatas.
<a expr:href='data:post.url'>Readmore....</a>
</b:if>

Jangan lupa disimpan.

Keempat:
Caranya sama dengan cara langkah keempat pada Cara yang Pertama.

Copyright © 2008 NeoComp4® Blog