Membuat Read More Di Blogger

Sering banget kan.. kita melihat Read More.... atau Baca Selengkapnya.... pada artikel / postingan.di blog-blog atau Koran-Koran yang sering kita baca setiah harinya. Read More atau baca selengkapnya dimaksudkan untuk menyingkat halaman atau agar halaman utama blog kita tidak telalu panjang dan loadingnya juga biar ngak terlalu lama. Bagi temen-temen yang baru posting artikel hanya satu atau dua artikel saja mungkin menganggap tidak perlu menyingkat artikelnya, namun jika nanti artikel Anda sudah banyak, baru deh. Butuh untuk membuat read more/baca selengkapnya seperti pada blog saya ini. Karena menu ini sangat praktis dan memberi kesan rapi pada blog kita.


Nah Bagi pengguna Wordpress, “Read more” tidak menjadi masalah karena sudah ada fiturnya alias sudah ada tag yang disediakan di editor wordpress untuk dipakai secara langsung. Tapi bagi pengguna Blogger, karena tidak ada fitur yang tersedia, makanya butuh sedikit Modifikasi di bagian template bloggernya. Cara membuatnya Giamana ? Blogger sendiri telah menyediakan tutorialnya “How can I create expandable post summaries?” tapi bahasa Inggris untuk orang Indonesia agak susah, he.he.he.. ada beberapa cara untuk membuat read more ada yang panjang, susah lagi buatnya, dan ada juga yang mudah, simple. hasilnya juga sama kok. jadi seperti biasa kita cari yang mudah dan simple aja.. oke. Untuk membuatnya Coba temen-temen mengikuti langkah-langkah berikut ini :


1. Seperti biasa login, pilih Layout (tata letak) kemudian pilih Edit HTML.

2. Kasih tanda cek (centang) pada cekbox "expand widget template".

3. Cari kode berikut di Template blog kamu :

<div class='post-body entry-content'><p><data:post.body/></p>

Kamu bisa mencarinya dengan menekan control+F pada keyboard trus masukkan kode diatas.

4. Kalau sudah ketemu, Replace(Ganti) kode tersebut menjadi seperti ini :

<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><p><data:post.body/></p><a expr:href='data:post.url'>Read More......</a></b:if>

Tulisan "Read More....." itu bisa kamu ubah semaumu, misalnya jadi “Selengkapnya” atau "Baca Selengkapnya" terserah selera aja.

5. Tekan simpan template.

6. Kemudian pilih menu Setting / pengaturan lalu pilih Formatting

7. Pada kotak Template Posting isikan kode berikut:

<span class="fullpost"></span>

8. Kemudian Simpan.

9. Ketika memposting artikel baru, pilih EDIT HTML. Maka secara ostosmastis akan tampak kode di atas.

10. Supaya terpotong, setiap kali kamu posting, klik pada bagian posting dimana kamu pengen muculin tulisan menjadi Read More.. yakni ketik (span class="fullpost") isinya berupa sisa postingan sampai selesai (/span). Untuk menmbahkan kode ini, ketika posting kamu harus dalam mode Edit HTML bukan ComposeContoh penulisan posting. Temen-temen juga bisa download filenya disini.

Contoh penulisannya seperti ini.

Ini misalkan awal berita atau artikel atau posingan yang ingin saya potong karena terlalu panjang kalo postingan muncul semua, oleh karena itu saya perlu memotong berita sampai disini saja. (span class="fullpost") Dan ini adalah sisa postingan saya yang akan saya sembunyikan dan hanya muncul pada saat pembaca meng klik link baca selengkapnya atau link read more..ditutup dengan ketikan(/span)


Hasil akhir postingan anda akan menjadi seperti ini:

Ini misalkan awal berita atau artikel atau posingan yang ingin saya potong karena terlalu panjang kalo postingan muncul semua, oleh karena itu saya perlu memotong berita sampai disini saja. Dan ini adalah sisa postingan saya yang akan saya sembunyikan dan hanya muncul pada saat pembaca meng klik link baca selengkapnya atau link read more..ditutup dengan ketikan

Silahkan baca juga Artikel Terkait ini