Cara Membuat Read More/ Baca Selengkapnya

Para blogger utamanya para pemula (seperti saya) kalau melihat postingannya banyak akan merasa senang terlebih hasil karyanya itu sangat bagus dan banyak orang yang berkunjung ke blognya. Tapi tidak jarang juga orang yang akan bosan jika melihat dan membaca isi postingan kita yang di depan terlalu panjang.
Dengan kasus yang seperti itu, di sini saya akan sedikit bercerita tentang bagaimana mengatasi masalah itu. Salah satunya kita harus membuat sebuah tulisan yang fungsinya ajaib bin nyata yaitu kita harus membuat yang namanya Read More/ Baca Selengkapnya... yang biasanya ada pada sebuah blog milik blogger yang sudah profesional.

Saya tidak akan bicara panjang lebar (kalau panjang kasihan ibunya kalau lebar kasihan bapaknya), saya akan memberikan caranya buat anda.

1. Pertama buka menu Layout--> Edit HTML

2. Terus beri tanda centang di Expand Widget Templates

3. Cari kode seperti di bawah ini, biar mudah carinya tekan Ctrl+F pada keyboard lalu masukkan kode yang ada di bawah:


<p><data:post.body/></p>

4. Kalau sudah ketemu ganti kode tersebut sehingga akan berubah seperti di bawah ini:

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>

<p><data:post.body/></p>

<a expr:href='data:post.url'>Read More......</a>
</b:if>


Kalau kamu pengen yang muncul bukan Read More melainkan Baca Selengkapnya... ganti tulisan Read More di atas dengan Baca Selengkapnya...

5. Kalau semuanya sudah beres, baru kamu simpan hasilnya

6. Kemudian kamu pilih/klik menu Setting-->Formatting

.

7. Lihat kotak yang ada di bawah yaitu Post Template, lalu isi kotak tersebut dengan kode di bawah ini:


<span class="fullpost">


</span>

8. Ketika akan memposting pilih yang menu Edit HTML, secara otomatis kode di atas akan muncul di area tempat poting.

9. letakkan artikel yang kemu inginkan yang akan muncul dihalaman depan di atas kode
<span class="fullpost"> dan sisanya taruh di bawahnya kode tersebut/di antara kode <span class="fullpost"> dan </span>.

Nach jadilah artikel hemat yang kamu inginkan. Selamat mencoba dan semoga sukses... :)