Read More Plus Judul Artikel

Beberapa hari lalu saya posting artikel tentang cara membuat read more pada blog, dan saya juga berjani untuk membahas bagaimana membuat read more tersebut ada tambahan judul di belakangnya. Nah, hari ini saya akan menepati janji saya tersebut. Bagi yang telah menunggu lama saya mohon maaf karena sedang banyak tugas yang harus saya selesaikan terlebih dahulu.

Oke.... Langsung saja, cara ini cukup sederhana saja yaitu tinggal mengganti kode yang telah anda buat kemarin (read more). Kalau anda belum menggunakan yang saya posting kemarin, silakan dicoba dulu disini.

Bagi anda yang sudah menerapkan sistem read more seperti yang saya posting kemarin, anda pastinya telah menggunakan kode seperti dibawah ini.

<b:if cond="'data:blog.pageType"> <style>.fullpost{display:inline;}</style> <p><data:post.body/></p> <b:else/> <style>.fullpost{display:none;}</style> <p><data:post.body/> <a href="'data:post.url'"><strong>Selengkapnya...</strong></a></p> </b:if>

Yang perlu anda lakukan untuk bisa membuat sistem read more plus judul artikel di belakangnya adalah mengganti kode tersebut dengan kode berikut.

<b:if cond="'data:blog.pageType"><style>.fullpost{display:inline;}</style><br /><p><data:post.body/></p><b:else/><style>.fullpost{display:none;}</style><br /><p><data:post.body/></p><strong><a href="'data:post.url'">Lanjut membaca “<data:post.title/>” »» </a></strong></b:if>

Kalimat Lanjut membaca diatas hanya merupakan contoh saja, anda bisa menggantinya dengan kalimat lain yang anda inginkan, misalnya Teruskan membaca, Read more for, dan lain-lain. Tentunya setelah kalimat tersebut akan muncul judul artikel di belakangnya.

Trik ini telah berhasil saya terapkan di blog saya ini. Bagi anda yang tertarik silakan mencobanya. Dengan catatan anda harus memasang kode read more terlebih dahulu. Nah, selamat mencoba dan semoga berhasil.

Lanjutkan baca “ Read More Plus Judul Artikel ”  

Cara Membuat Read More

Postingan kali ini saya tulis menanggapi pertanyaan dari salah satu pengunjung blog ini. Dia bertanya bagaimana caranya untuk membuat postingan yang terpotong, atau dalam dunia blog biasa disebut sistem Read more. Begini pertanyaannya.

oya saya mo tanya mas??
gmn ya cara buat agar posting dapat terbaca secara terputus (klik tuk baca selanjutnya) gitu.. seperti punya anda..

kan ribet lok semua posting timbul kan gk efektif ya mas

Sebenarnya saya mendapat cara ini dari blognya Kang Rohman dan langsung saya praktekkan langsung di blog ini. Dan cara ini berlaku untuk anda yang menggunakan blog dengan template baru. Jadi, bagi anda yang menggunakann template klasik tidk bisa menggunakan trik ini. Nah, tanpa banyak basa-basi saya akan langsung memberi tahu langkah-langkah untuk bisa membuat read more. Berikut ini langkah-langkahnya :

1. Klik menu Dasboard
2. Klik tab Edit HTML
3. Klik tulisan Download Template Lengkap (sebagai backup bila terjadi error)
4. Beri tanda centang pada kotak di samping tulisan Expand Template Widget , lihat gambar di bawah :

Tunggu beberapa saat ketika proses sedang berlangsung.
5. Kemudian cari kode berikut pada kode template milik anda :

<data:post.body/>

atau kode di bawah ini (sama saja) ;

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

6. Hapus kode diatas, lalu ganti dengan kode di bawah ini (klik pada tombol untuk mengcopyi)

<b:if cond="'data:blog.pageType"> <style>.fullpost{display:inline;}</style> <p><data:post.body/></p> <b:else/> <style>.fullpost{display:none;}</style> <p><data:post.body/> <a href="'data:post.url'"><strong>Selengkapnya...</strong></a></p> </b:if>

7. Klik tombol Simpan Template.
8. Klik pada tab Pengaturan dan pilih pada bagian Format.
9. Pada bagian Template Posting (bagian paling bawah) isikan dengan kode berikut :

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

10. Klik tombol simpan dan selesai.


Cara Posting Artikel

1. Klik menu Posting
2. Klik menu Edit HTML, maka secara otomatis tampak kode yang telah kita setting tadi, yakni :

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

3. Tuliskan artikel yang ingin tampak pada blog sebelum kode :

<span class="fullpost">

4. Tulis keseluruhan sisa artikel setelah kode di atas dan sebelum kode :

</span>

5. Klik tombol bertuliskan Publikasikan posting
6. 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.

Dan untuk artikel yang diposting sebelum anda menggunakan cara ini pastinya tidak akan bisa terpotong artikelnya. Dalam artian sistem read more belum berjalan. Untuk mengatasinya, anda harus mengeditnya satu per satu yaitu dengan cara yang sama dengan cara memposting artikel diatas. Cukup sekian dulu cara yang dapat saya sampaikan untuk anda tentang bagaimana membuat sistem read more pada blog. Untuk sistem read more dengan tambahan judul akan saya posting pada lain kesempatan. Jadi saya mohon anda untuk sabar dan jangan lupa untuk selalu berkunjung ke blog ini, Terima kasih.

Lanjutkan baca “ Cara Membuat Read More ”