Cara Membuat READMORE Pada Postingan di Blogger

Sebenernya udah banyak yang nulis tentang cara membuat Readmore di Blogger. Tapi ga' ada salahnya juga kalo aku ikutan nulis tentang ini. Berharap tulisan ini bisa lebih mudah dipahami. Readmore biasanya digunain buat nyingkat postingan biar ga' terlalu panjang jika ditampilkan di halaman beranda. Dengan begitu postingan yang laen juga bisa lebih cepet ditemukan pengunjung di halaman beranda. Maksudnya hampir sama dengan bikin daftar isi dari sebuah blogger di halaman beranda, bedanya kalo daftar isi cuma menampilkan judul, kalo yang ini menampilkan judul beserta cuplikan postingan. Oke deh langsung aja.

1. Buka Template - Edit HTML - Berikan tanda centang pada "Expand widget template"

2. Jangan Lupa backup blogger dengan mengklik "dowlnoad template lengkap"

3. Cari kode dibawah ini. Untuk mempermudah, tekan ctrl+F kemudian masukkan kode di bawah ini dan tekan Enter

<div class="post-header-line-1"><div class="post-body"> 

Setelah ketemu, copas kode 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>

Kemudian dibawah kode diatas kita akan menemukan kode:

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

Lakukan Copy-Paste kode dibawah ini dibawah kode diatas

<a expr:href='data:post.url'>Readmore »»</a>

</b:if>

Tulisan Readmore diatas bisa ganti dengan kalimat sendiri (misal "Baca Selanjutnya", "Baca berikutnya", "Selengkapnya"). Kode selengkapnya jika dilihat akan tampak sebagai berikut:

<div class='post-header-line-1'/>

<div class='post-body'>

<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'>Readmore »»</a>

</b:if>

<div style='clear: both;'/>

Kalo semua kode diatas sudah dilakukan perubahan, jangan lupa disimpan ya.

4. Setelah kode diatas disimpan kita kembali dan masuk ke tab Pengaturan -> Format -> cari "Post Template" Kemudian pada kotak masukan kode dibawah ini

<div class="fullpost">

</div>

Jangan lupa disimpan.

5. Disini aku akan menjelaskan cara penggunaan readmore pada halaman posting. Ketika kita melakukan posting pertama kali kita akan melihat kode:

<div class="fullpost">

</div>

Ingat jangan hapus kode diatas karena kode tersebut merupakan kode yang akan kita gunakan dalam pemenggalan posting nantinya. Sebagai contoh, lihat cuplikan posting di bawah ini.

Sebenernya udah banyak yang nulis tentang cara membuat Readmore di Blogger. Tapi ga' ada salahnya juga kalo aku ikutan nulis tentang ini. Berharap tulisan ini bisa lebih mudah dipahami. (Di sini rencananya, postingan akan dipotong dan di taruh Readmore) Readmore biasanya digunain buat nyingkat postingan biar ga' terlalu panjang jika ditampilkan di halaman beranda. Dengan begitu postingan yang laen juga bisa lebih cepet ditemukan pengunjung di halaman beranda. Maksudnya hampir sama dengan bikin daftar isi dari sebuah blogger di halaman beranda, bedanya kalo daftar isi cuma menampilkan judul, kalo yang ini menampilkan judul beserta cuplikan postingan. Oke deh langsung aja.

Nah, cara motongnya tinggal tempatkan kode yang tampak di awal postingan tadi.

Sebenernya udah banyak yang nulis tentang cara membuat Readmore di Blogger. Tapi ga' ada salahnya juga kalo aku ikutan nulis tentang ini. Berharap tulisan ini bisa lebih mudah dipahami. <div class="fullpost">Readmore biasanya digunain buat nyingkat postingan biar ga' terlalu panjang jika ditampilkan di halaman beranda. Dengan begitu postingan yang laen juga bisa lebih cepet ditemukan pengunjung di halaman beranda. Maksudnya hampir sama dengan bikin daftar isi dari sebuah blogger di halaman beranda, bedanya kalo daftar isi cuma menampilkan judul, kalo yang ini menampilkan judul beserta cuplikan postingan. Oke deh langsung aja.</div>

Setelah postingan diterbitkan, di halaman beranda, postingan akan terlihat seperti ini :

Sebenernya udah banyak yang nulis tentang cara membuat Readmore di Blogger. Tapi ga' ada salahnya juga kalo aku ikutan nulis tentang ini. Berharap tulisan ini bisa lebih mudah dipahami. Readmore »»

Selamat mencoba...

---