Membuat Read More ( Versi 1 )

4.2.09
Pembelajaran kali ini adalah membuat read more, fungsinya agar postingan kita hanya tampil sebagian pada halaman utama blog jadi halaman tidak memanjang ke bawah dan lebih rapi. Ada banyak versi saya akan membagi untuk kalian cara yang pertama. Siap ya yang teliti jangan sampai salah. Saya memerlukan banyak waktu untuk ini. Jadi hati - hati...


Ini langkahnya :

1. Buka Blog anad Masuk ke Tata Letak, lalu pilih Edit HTML
2. Beri tanda centang pada expand template widget.
3. Ini Penting klik Download template terlengkap. Untuk jaga - jaga bila tak berhasil
jadi anda punya back - up nya....
4. Cari kode berikut :

<div class='post-body entry-content'>

Maka di bawahnya akan ada kode ini :

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

5. Kalo dah ketemu kodenya ganti kode ini <p><data:post.body/></p>

Dengan yang 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>

Tulisan Read Morenya bisa diubah sesuka kamu...

6. Lalu Save ( Simpan )
7. Lalu pilih tab Setting (pengaturan) lalu pilih Formatting (format)
8. Pada kotak post template isikan kode ini :

<span class="fullpost">


</span>

Nanti jika kamu akan memposting maka akan ada tampilan kode itu..

9. Cara penulisannya.. Tuliskan kalimat/ paragraf yang ingin ditampilkan diatas kode
<span class="fullpost">

10. Sisanya di bawahnya..
11. Kemudian..... Selesai semoga berhasil.....


4 comments:

  1. Assalamu'alaykum.,.
    syukron tips nya, sudah ana coba..tetapi kenapa ya postingan ana tetap masih seluruhnya tampil..dan Read More nya ada tetapi di paling bawah postingan. Apakah ada yang salah dengan settingan yg ana lakukan,,?? MOhon bantuannya, syukron

    ReplyDelete
  2. Asslm.wr.wb...syukrn ana sdh bisa mengeditnya..

    ReplyDelete
  3. assalamualaikum.....

    waduh susah banget cara...
    bingung ana,
    ajarinnya live aja deh yah.....

    ReplyDelete