Membuat ReadMore Pada Blogger dan WordPress

Agak berbeda dengan postingan SatUmmat terdahulu, bila sebelumnya lebih cenderung menyebarkan berita tentang perkembangan Ummat dengan segala problematikanya, kali ini agak sedikit lain. Ini bermula ketika saya membaca kembali komentar di Papan Aspirasi SatUmmat, saya merasa tidak enak hati ketika akhi Fatba menanyakan bagaimana caranya memenggal artikel postingan supaya tidak terlalu panjang, dan tentunya bisa menjadikan blog kita tampak lebih menarik. Mungkin bagi para Blogger tingkat lanjut (udah ahli maksudnya) bahasan ini sudah agak basi disamping sudah banyak para pakar blogger membahasnya, tapi saya yakin disamping ikut lebih meramaikan, bagi blogger pemula informasi ini bisa berguna. Dan mungkin sekaligus jawaban buat akhi Fatba dari saya.
Mungkin rekan blogger yang baru mulai membuat blog masih bingung apa itu readmore? Readmore adalah pemenggalan kalimat pada posting suatu halaman, Pemenggalan halaman posting biasanya ditandai dengan "Next", "Read More", "Baca Selanjutnya", "Baca berikutnya", "Selengkapnya" dll Readmore biasanya digunakan untuk menandai bahwa kalimat pada posting masih mempunyai kelanjutan, dan juga berguna mempersingkat halaman posting yang panjang.


Untuk contohnya silahkan sobat SatUmmat lihat pada artikel postingan sudah ada sebelumnya, atau klik menu Home maka akan banyak contoh Artikel yang memakai pasilitas ReadMore atau kallau di SatUmmat memakai kata “Selengkapnya…”
Terus Gimana cara buatnya? Baiklah kita coba untuk mulai, Bismillah..

Membuat Readmore pada Blogger (Template Baru)
1. Silahkan sahabat login pada id blogger punya sahabat kalo sahabat pingin lebih jelas bisa pilih bahasa-Indonesia.

2. Muncul Panel Kontrol, klik “Pengaturan” lalu klik “Format”
Pada layar paling bawah tertera Template Posting dan disitu ada teks area kosong. isi tesxt area kosong tersebut dengan kode di bawah ini :

<div class=”fullpost”>


</div>;

3. Selanjutnya klik tombol “Simpan Pengaturan” untuk menyimpan setingan sahabat.
Seting ini berguna agar pada saat sahabat akan memposting sebuah artikel maka kode tadi dengan sendirinya akan ada dikolom postingan, tanpa harus menulis ulang.

4. Selanjutnya klik menu “Tata Letak” dan klik sub menu “Edit HTML”.

5. Untuk berjaga-jaga bila terjadi sesuatu, klik “Download Template Lengkap” dan simpan file backup sahabat. Ini berfungsi bila sahabat gagal dalam mencoba proses ini, untuk mengembalikannya lagi antum tinggal mendownload ulang file yang disimpan tadi.

6. Beri TANDA CENTANG pada kotak disamping tulisan Expand Template Widget, dan tunggu beberapa saat.

7. Setelah proses tadi selesai, silahkan cari code berikut

<div class='post-body'>

untuk memudahkan pencarian bisa menggunakan pasilitas Find. Pada Internet Explorer klik menu edit – Find (on this page) atau bisa memijit tobol keyboard Ctrl+F, copy code diatas dan masukan kedalam pasilitas Find tadi.
8. Copy code dibawah ini dan simpan (paste) persis dibawah code tadi (nomor 7)

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

<style>.fullpost{display:inline;} </style>

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

<b:else/>

<style>.fullpost{display:none;} </style>

9. Cari kode seperti ini

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

10. Copy code dibawah ini dan simpan (paste) persis dibawah code nomor 9.

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

</b:if>

11. Klik tombol bertuliskan Simpan Template
12. Selesai.

Bagaimana Cara Memposting Artikel

Untuk memposting artikel berbeda dengan cara postingan yang biasa, mari kita perhatikan ;

a. Klik menu Posting

b. klik Edit HTML disamping Compose, maka secara otomatis tampak kode yang telah kita setting tadi, yakni :

<div class="fullpost">


</div>

c. Tulisankan artikel yang ingin tampak pada blog sebelum kode :

<div class="fullpost">
Contoh : ini hanyalah sebuah contoh kecil <div class="fullpost"> saja untuk memperjelas materi. </div>
Maka hasilnya: Ini hanyalah sebuah contoh kecil Selengkapnya..

d. Tulis keseluruhan sisa artikel sesudah kode di atas tadi dan sebelum kode :

</div>

e. Klik tombol bertuliskan Mempublikasikan Posting

f. Klik tulisan Lihat Blog untuk melihat hasil dari postingan kita, kemudian lihat apakah hasilnya sukses atau tidak. Jika tidak, mungkin ada bagian yang terlewatkan. Coba lihat kembali langkah diatas. Semoga berhasil.

Membuat Readmore pada WordPress
Salah satu kelebihan wordpress adalah wordpress dapat membuat readmore dengan kalimat yang berbeda-beda disetiap posting/artikel.

Caranya pun sangat mudah sekali.
1. Setelah kamu selesai mengetik artikel di blog kamu, selanjutnya masuk ke tampilan HTML
2. Letakkan kursor ke tempat yang kamu inginkan untuk dipotong atau yang akan dibuat readmore
3. Kemudian klik tombol bertuliskan more dan akan muncul tulisan seperti dibawah ini <!--more-->
4. Setelah itu sisipkan kata yang ingin kamu jadikan sebagai kalimat readmore
<!--more(tempat menyisipkan kata)-- >
Dan contohnya kayak dibawah ini
<!--moreBaca Selanjutnya--<
5. Setelah itu klik Publish dan silahkan lihat hasilnya.

Alhamdulillah, semoga berhasil ya sahabat..