Kamis, 13 Januari 2011

Cara membuat Read More pada blogspot

"Read more" digunakan untuk memperpendek postingan pada artikel yang panjang sekali sehingga dapat memperbanyak tampilan headline postingan artikel kita. Berikut ini sekedar share aja yang mungkin sudah banyak artikel serupa namun mungkin berguna. Mungkin bagi sebagian orang belum tau cara membuat readmore, berikut caranya:
Sebelum merubah pengaturan blog sebaiknya anda membackup untuk mengurangi mengembalikan tampilan semula jika terjadi kesalahan dengan mendownload template lengkap yang tersedia di dalam tataletak html anda. kemudian buat file ganda yang satu file yang untuk di update dan yang satunya lagi file backup.

1. Buka template –> edit HTML
2. Kasih tanda tik/cek menu “expand widget template”
3. Cari kode berikut di TEMPLATE blog Anda:

<div class=’post-header-line-1′/>
<div class=’post-body’>

4. Kalau sudah ketemu, copy 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 sbb:

<p><data:post.body/></p>
<div style=’clear: both;’/> <!– clear for photos floats –>
</div>

6. Nah, di antara kode

<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

copy kode html ini:

<a expr:href=’data:post.url’>Read More .. </a>
</b:if>

Tulisan 'Read More..' dapat kamu ganti misal 'Baca Selanjutnya..' atau 'Selengkapnya..'
7. Jadi, susunan kode html di template setelah ditambah dg kode READ MORE akan menjadi seperti ini:

<div class=’post-header-line-1′/>
<div class=’post-body’>
<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>
<div style=’clear: both;’/> <!– clear for photos floats –>
</div>

Klik Simpan Template. Selesai.
8. Klik SETTINGS atau Pengaturan, terus klik FORMATTING atau Format. Di paling bawah ada kotak kosong di samping menu TEMPLATE POSTING. Isi kotak kosong tsb dg kode berikut:

<span class=”fullpost”>
</span>

Jangan lupa klik SIMPAN PENGATURAN.

Cara Memposting
Ketika memposting, klik EDIT HTML. Maka, secara otomatis akan tampak kode

<span class=”fullpost”>

</span>
Letakkan posting yg akan ditampilkan di halaman muka di atas kode sementara sisanya (yakni keseluruhan entry), letakkan di antara kode

<span class=”fullpost”>

dan

</span>


Contoh:
"Read more" digunakan untuk memperpendek postingan pada artikel yang panjang sekali sehingga dapat memperbanyak tampilan headline postingan artikel kita. Berikut ini sekedar share aja yang mungkin sudah banyak artikel serupa namun mungkin berguna. Mungkin bagi sebagian orang belum tau cara membuat readmore, berikut caranya:

<span class=”fullpost”>
Sebelum merubah pengaturan blog sebaiknya anda membackup untuk mengurangi mengembalikan tampilan semula jika terjadi kesalahan dengan mendownload template lengkap yang tersedia di dalam tataletak html anda. kemudian buat file ganda yang satu file yang untuk di update dan yang satunya lagi file backup.

Tidak ada komentar:

Posting Komentar