Cara Membuat "Readmore" di Blog Post ERIKSONJ™ ERIKSONJ™

Untuk membuat Readmore ikuti langkah dibawah ini :

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

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

3. Cari kode dibawah ini:

Tips : Untuk mempermudah pencarian kode diatas sebaiknya ikuti tips berikut ini.

Pertama, kamu buka program text editor misalnya notepad.exe ( Pada MS Windows tekan menu Start -> Proggram -> Accessories -> Notepad ) kemudian copy/paste kode HTML tadi ke notepad. Kemudian pada notepad pilih Menu Edit -> Find . Pada box Find masukkan kode ini

Kemudian klik tombol Find next. (jika masih gak ketemu terpaksa kita melakukan pencarian secara manual).
Jika sudah menemukan kode diatas, Copy-Paste kode dibawah ini kemudian letakan kode tersebut dibawah kode yang diatas.

<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 :

Lakukan Copy-Paste kode dibawah ini dibawah code yang diatas

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

Tips: Kode Readmore di atas bisa ganti dengan kalimat sendiri (contoh "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;'/>

Jika kita mengedit langsung pada halaman blogger Edit HTML dan semua kode diatas sudah dilakukan perubahan, jangan lupa disimpan ya :)

Ini jika kita menggunakan Text Editor Notepad : Setelah melakukan pengeditan kode pada notepad, lalu hapus semua kode yang ada pada halaman edit blogger,kemudian masukan seluruh kode pada notepad tadi dengan cara copy-paste. Sampai disini pengeditan kode selesai, jangan lupa disimpan.

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

Jangan lupa disimpan.

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

Ingat! Jangan hapus kode diatas karena kode tersebut merupakan kode yang akan kita gunakan dalam pemenggalan posting nantinya.

Caranya:

Isikan postingan kamu beberapa kalimat saja sebelum kode <div class="fullpost"></div>

Kemudian sisanya masukkan diantara kode <div class="fullpost"> dan kode </div>

Contoh:

Awal postingan<div class="fullpost">Sisa Postingan</div>

Kemudian Save.
Selamat mencoba :)