Sunday, November 15, 2009

Cara Membuat Read More Manual

Masalah read more adalah artikel yang paling banyak dicari orang, terutama para blogger pemula. Jadi untuk membanti para newbie.....dalem artikel kali ini akan membahas tentang cara membuat read more secara manual. Fungsi read more sebenarnya hanya mempersingkat posting pada halaman utama, dan posting tersebut bisa dibaca selengkapnya di halaman posting tersebut. Ini juga berfungsi untuk mempercepat loading halaman blog anda.

Baik, bagi yang ingin membuat read more silahkan baca caranya sebagai berikut:

Langkah pertama

1. Login ke blogger anda.
2. Klik Pengaturan >> Format
3. Pada bagian paling bawah, terdapat text area kosong di samping tulisan Template Posting, isi text area tersebut dengan kode ini:

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

4. Kemudian simpan.

Ini berfungsi saat anda menulis artikel, anda tidak perlu menulis kode ini, karena kode ini akan langsung muncul...anda juga tidak perlu mengingat kode ini. Tapi fungsinya apa??? makanya baca terus.....

Langkah kedua

1. Klik Tata Letak >> Edit HTML
2. Sebelum anda edit template blog anda, silahkan klik Download Template Lengkap. Jadi template anda bisa di backup.
3. Kasi tanda centang pada kotak di samping tulisan Expand Template Widget.
4. Setelah itu, anda cari kode berikut ini:

<data:post.body/>

atau ini (sama aja)

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

Kemudian ganti kode <data:post.body/> dengan berikut:

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

- Anda bisa mengganti tulisan yang berwarna merah dengan tulisan yang anda inginkan, misalnya read more, baca selengkapnya, baca lebih lanjut dll

Cara mengunakan read more saat posting artikel

1. Saat anda masuk ke halaman posting, kode berikut akan muncul langsung pada kotak posting:

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

2. Saat anda menulis artikel, tulis bagian artikel yang ingin tampak pada blog anda di atas kode ini:

<span class="fullpost">

3. Tulis seluruh sisa bagian artikel yang ingin disembunyikan diantara kode ini:

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

4. Contohnya bisa anda lihat disini:

Bagian artikel yang tampak
<span class="fullpost">
Sisa seluruh bagian artikel yang tersembunyi
</span>

5. Kemudian klik tombol Terbitkan Entri.

Silahkan anda cek blog anda, lihat hasil postingan anda apakah berhasil atau tidak. Jika tidak berhasil, mungkin ada bagian yang terlewatkan, coba lihat kembali langkah di atas.

BBila anda mengalami kegagalan, dan blog anda jadi berantakan.....jangan panik! anda bisa mengupload file template yang udah anda download tadi. Jadi blog anda bisa kembali seperti semula.

Mudah-mudahan bermanfaat dan selamat mencoba!