Selasa, 05 Februari 2013

Cara Membuat Readmore

Pertama, anda hanya disuruh pergi ke Dashboard, lalu pilih Tata Letak, selanjutnya pilih Tab Edit HTML.
• Centang bagian check box tulisan Expand Template Windget.

Cari kode, <data:post.body/> atau <p><data:post.body/></p> untuk mempermudah pencarian, tekan CTRL+F pada keybord dan tuliskan kode tersebut, nanti akan terdeteksi secara otomatis.
Jika anda sudah menemukan kode, hapus kode tersebut, dan ganti dengan kode berikut :


<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/>
<a expr:href='data:post.url'><strong>Selengkapnya...</strong></a></p>
</b:if>

Jika sudah anda ganti, Simpan Template
Langkah selanjutnya, pergi ke Dashboard, lalu pilih Pengaturan, selanjutnya pilih Format.
Lalu tuju tulisan Template Posting, dan tuliskan kode berikut :

<span class="fullpost">
</span>


Setelah itu Simpan.Apakah dah Selesai ? Ya.
Kode tersebut sebenarnya hanya untuk mempermudah penulisan saat posting, maksudnya ?
Saat anda hendak posting baru, pada kolom Edit HTML, bukan di Tulis (saat posting ada 2 pilihan halaman khan?)

Kode tersebut akan keluar secara Otomatis.
Anda tinggal memasukkan artikel mana yang ingin di tampilkan pada haman depan, dan mana halaman yang untuk selanjutnya.

Untuk tata caranya lihat ilustrasi di bawah ini :

Saya membuat posting baru, dan saya menulisnya di kolom Edit HTML bukan Compose.
Saat membukanya ada tulisan :

<span class="fullpost">
</span>

Saya, akan menuliskan sebagai berikut :

Cara membuat Read more otomatis
<span class="fullpost">
menggunakan icon / gambar dan text
</span>

Maka, setelah saya publikasikan akan menjadi seperti ini :

Cara membuat Read more otomatis
Readmore/Baca Selengkapnya

Tidak ada komentar:

Posting Komentar