Membuat Read More di Blog

Apa itu Read More? Read More adalah membaca sebuah posting lebih lengkap, artinya posting kita yang tampil pada halaman utama tidak terlalu panjang sehingga mengurangi beban blog kita dan dalam halaman utama kita dapat menampilkan posting yang banyak.

Cara membuat read more yang saya posting ini sedikit berbeda dari tutorial yang ada, read more yang saya bikin hasilnya seperti ini :

Baca Selengkapnya >>> "Judul Posting"

Ingin mencobanya? Ikuti petunjuknya dibawah ini :
  1. Masuk di Layout - Edit HTML
  2. Beri centang tanda Expand Widget Templates
  3. Cari kode seperti ini :

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

  5. Rubah kode tersebut menjadi :

  6. <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'>Baca Selengkapnya >>> "<data:post.title/>"</a>
    </b:if>

  7. Kemudian klik Simpan Template
Sekarang bagaimana cara memotong bagian posting, seandainya saya akan membuat posting seperti di bawah ini :

Lebih baik ngeblog dari pada friendsteran.
Apa aja manfaat ngeblog?

Yang akan kita tampilkan pada halaman utama hanya tulisan "Lebih baik ngeblog dari pada friendsteran." dan tulisan "Apa aja manfaat ngeblog?" disembunyikan. Caranya sebagai berikut :

Lebih baik ngeblog dari pada friendsteran.<span class="fullpost">
Apa aja manfaat ngeblog?</span>

Hasilnya akan seperti ini :

Lebih baik ngeblog dari pada friendsteran.
Baca Selengkapnya >>>"Judul Posting"

Selamat mencoba!

Comments :

4 komentar to “Membuat Read More di Blog”
Ir. hydir mengatakan...
on 

tq atas infonya...
sy akan cuba buat di blog saya :)

DegDegan.duniamaya98 mengatakan...
on 

sip banget kawan. teruskan tips-tips blognya. :)

Unknown mengatakan...
on 

abot abot......
gole ane anggel puolll

Yuinita mengatakan...
on 

to: i_tech
coba kotak disebelah Expand Widget Templates dicentang dulu, tunggu sampai proses selesai.

tekan ctrl+f

kemudian akan muncul kotak FIND trus salin code <p><data:post.body/></p> kemudian enter, ketemu dech kodenya,,,

Posting Komentar

 

Komentar Terbaru

Belum gabung di blog ini? buruan gabung!