Anda di halaman 1dari 10

TRIK MEMBUAT READ MOORE ….

PADA SEBUAH POSTING BLOG

Membuat read more atau baca seterusnya dilakukan untuk meringkas isi artikel posting. Lebih
menghemat isi posting yang sangat panjang.

Langkah Pertama:
Terlebih dahulu Anda harus Sign in pada blog anda seperti pada gambar berikut kemudian klik tulisan
Kustomisasi :

Setelah anda mengklik tulisan Kustomisasi tampilannya seperti berikut lalu klik Pengaturan:
Setelah mengklik tulisan Pengaturan seperti pada gambar di atas akan tampil gambar seperti berikut
kemudian klik Format:

Lanjutkan dengan mengklik tulisan Format setelah tampildan akan tampil seperti berikut:

Dan akan tampil seperti pada gambar di bawah ini:


Kemudian putar scroll mouse ke halaman paling bawah dan akan tampil seperti berikut:

Selanjutnya copy Code berikut:


<span class="fullpost">
</span>
lalu paste ke dalam kotak Templat Entri seperti pada gambar berikut:
Dan akan tampil seperti berikut:

Lalu klik tulisan SIMPAN SETELAN


Langkah Kedua:
Klik menu Tata Letak selanjutnya Klik Edit HTML dan beri centang pada kotak kecil bertuliskan Expand
Template widget. Satu lagi, sebelum mengedit HTML template blog maka ada baiknya template
tersebut di backup dulu. Untuk membackup template silahkan klik tulisan Download template lengkap.
Simpan template tersebut pada komputer kamu. Sekarang kita sudah bisa mulai bermain-main dengan
html template blog.
Tapi sebelum Anda menambahkan code pada kotak Edit Template sebaiknya code templatenya dicopy
dan disimpan pada dokumen pribadi anda di computer atau di laptop.

Langkah selanjutnya:
Cari kode berikut di template kamu
<div class='post-header-line-1'/>
<div class='post-body entry-content'>
Caranya: untuk memudahkan pencarian, pada keybord silahkan tekan F3 atau Ctrl F. Akan muncul tool
pencarian dan copy beberapa karakter kode yang mau dicari dan paste di dalam kotak cari tadi. Maka
kode yang dicari akan ketemu. Seperti berikut:
Cari kode berikut di template kamu
<div class='post-header-line-1'/>
<div class='post-body entry-content'>

Setelah ketemu seperti pada gambar di atas yang tulisannya berwarna hijau silahkan anda copy code
berikut dan paste di bawahnya tulisan hijau tersebut.
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
Dan hasilnya seperti berikut:
Bila sudah selesai, kamu perhatikan bahwa di bawah kode yang kamu paste tadi adalah kode berikut:
<data:post.body/>
<div style="'clear:"> <!-clear for photos floats ->
</div>
Kemudian di antara kode
<data:post.body/>
dan kode
<div style="'clear:"> <!- clear for photos floats ->
</div>
masukkan kode berikut:
<a expr:href='data:post.url'>Read More »» </a>
</b:if>
Sehingga menjadi seperti ini:
<data:post.body/>
<a expr:href='data:post.url'>Read More »» </a>
</b:if>
<div style="'clear:"> <!-clear for photos floats ->
</div>

Keseluruhan hasil akhir adalah berikut:


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

<b:if cond='data:blog.pageType == "item"'>


<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<data:post.body/>
<a expr:href='data:post.url'>Read More »» </a>
</b:if>

<div style="'clear:"> <! -clear for photos floats ->


</div>
Perhatikan kode yang berwarna biru adalah kode yang telah ditambahkan. Dan Anda bisa mengganti
tulisan readmore dengan kalimat lain. Misalnya baca seterusnya, baca selanjutnya, klik saya untuk
kelanjutan artikel, klik di sini, lanjutkan membaca, continue reading dan apa saja yang menjadi kalimat
kesukaanmu. Jika sudah selesai, maka klik simpan template.
Langkah Terakhir:
Buka posting anda lalu tambahkan code berikut <span class="fullpost"> di bawahnya tulisan yang akan
dijadikan batas sampai mana tulisan itu ditampilkan:

Selanjutnya tambahkan code berikut </span> Di bagian paling akhir tulisan/artikel Anda.
Hasil akhirnya adalah seperti berikut:

Good Luck ~ Selamat Mecoba. Semoga berhasil dan tidak ada cacat. Kalau ada kesalahan, tinggal
diulangi saja dengan mencoba metode seperti tadi.