Home » Cara Blog
Membuat Read More / Baca Selengkapnya
27 May 2008
36 views
No Comment
Banyaknya permintaan mengenai cara buat readmore membuat saya tetap mengharuskan artikel ini ditulis. walaupun tutorial cara buat readmore sudah banyak ditulis oleh rekan blogger, sayangnya penjelasan yang diberikan kadang tidak mudah dimengerti dan malah membuat bingung, untuk itu tidak ada salahnya saya juga menulis artikel ini sebagai pelengkap agar mempermudah blogger baru bisa lebih mengerti cara membuat readmore serta cara penggunanan kode readmore pada posting.
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 “Read More”, “Next”, “Baca Selanjutnya”, “Baca berikutnya”, “Selengkapnya” atau apalah namanya :). Readmore biasanya digunakan untuk menandai bahwa kalimat pada posting masih mempunyai kelanjutan, dan juga berguna mempersingkat halaman posting yang panjang. Pengen tau cara buatnya?
1. Buka menu Template kemudian pilih Edit HTML.
2. Kasih tanda cek (centang) pada cekbox “expand widget template”
3. Cari kode berikut di Template blog kamu (tempatnya kira-kira pada 1/4 bagian bawah kode hmtl) :
<div class=’post-header-line-1′/> <div class=’post-body entry-content’>
4. Kalau sudah ketemu, letakkan kode berikut DI BAWAH kode html di atas:
<b:if cond=’data:blog.pageType == “item”‘>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
5. Di Bawah kode di atas ada kode html seperti berikut:
<p><data:post.body/></p>
6. Letakkan kode berikut dibawah kode di atas.
<a expr:href=’data:post.url’>Read More……</a>
</b:if>
7. Maka susunan kodenya akan menjadi seperti 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>
<p><data:post.body/></p>
<a expr:href=’data:post.url’>Read More……</a>
</b:if>
Kode
Read More.. Bisa kamu ubah sesukamu
- Yahoo! Style Read More
Nha, abis buat read more pada postingan sebelumnya, sekarang kita akan bikin rea...
- Cegah Ngeseks, Celana Pemijat Digembok
Ada-ada saja, dengan alasan mengantisipasi maraknya praktik esek-esek di panti p...
- Membuat Read More di Blogger
Pernahkah suata saat anda menulis posting yang panjangnya sampai beberapa hala...
- Seluk Beluk HTML (1)
Anda tahu apa itu HTML? HTML (HyperText Markup Languange) adalah bahasa markup y...
- Cara Membuat Blog Lebih Expressive
Hallo sobat tua dan muda dimanapun anda berada, kita jumpa lagi dalam acara Trik...
- Blogger.com Evolution Part 2
Pada postingan yang sebelumnya, kita sudah membahas kalau Blogger (draft.blogge...
- Tips Umum Menulis Surat Lamaran
Banyak perusahaan yang memandang surat lamaran atau cover letter sebagai bagian ...
- Blogger.com Evolution
Pada pukul 11:30, ada sesuatu yang aneh terjadi. Tampilan blogger berubah! Wets,...
- Smilie Creator
Blog nggak pake smiley rasanya ibarat sayur tanpa garam...ya tho?..Smiley member...
- Panduan Membuat Blog 1
Panduan Membuat Blog; mudah, praktis, untuk pemula (banget). Panduan ini menggun...

Leave your response!