RSS Feed
Twitter
22.16
viandra
[Update: tutorial ini sudah dilengkapi gambar / screenshot untuk lebih memudahkan) Sudah
banyak yg tanya cara buat READ MORE atau Baca Selengkapnya atau Baca
Selanjutnya di blogger beta / barudan sudah saya beritahu alamatnya. Tapi tampaknya sebagian agak
kesulitan dg tutorial bahasa Inggris. Untuk Anda yg termasuk golongan
ini, saya persilahkan mengikuti panduan berikut.
Ada dua cara untuk membuat read more di blogger / blogspot baru (tanda Blogger Baru adalah di admin memakai layout / tata letak dan page element / elemen halaman).
Cara Pertama:
1. Buka template -> Edit HTML -> Kasih tanda tik pada menu "expand widget tempate" (lihat gambar 1)
2. Letakkan kode berikut persis di atasnya kode </head> (lihat gambar 2)
<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>
<p><data:post.body/></p>
(lihat gambar 3)
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'> Read More..</a>
</b:if>
4. Klik Simpan. Selesai.
5. 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
GAMBAR 1
GAMBAR 2
GAMBAR 3
Cara Memposting Ketika memposting, klik EDIT HTML (bukan COMPOSE). 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/artikel), letakkan di antara kode <span class="fullpost"> dan </span> Masalah yang Sering Dihadapi: 1. Saat mengklik "Simpan Perubahan" kita sering mendapat pesan demikian: XML error message: The element type “style” must be terminated by the matching end-tag “”. Jangan panik. Itu artinya tanda petik / kutip buka tutup (quote/unquote) yakni tanda ' dalam kode tidak cocok dengan font template. Yang perlu dilakukan adalah buang tanda kutip ['] itu dan kasih tanda kutip yang baru di tempat yang sama. Dan coba klik lagi SIMPAN. 2. Anda sudah berhasil memasang seluruh kode di atas, tetapi ‘read more’ gak berhasil; posting tetap panjang? Dan tulisan ‘read more’ nongol di bagian bawah artikel? Tenang. Ikuti solusi berikut: klik “Pengaturan” -> klik “Format” -> buang/delete semua tanda kutip buka/tutup (quote/unquote) di “fullpost” dan ganti dengan tanda kutip yang baru. Jangan lupa klik “Simpan”. Selesai. Selamat ngeblog di blogger / blogspot dengan READ MORE.
Ada dua cara untuk membuat read more di blogger / blogspot baru (tanda Blogger Baru adalah di admin memakai layout / tata letak dan page element / elemen halaman).
Cara Pertama:
1. Buka template -> Edit HTML -> Kasih tanda tik pada menu "expand widget tempate" (lihat gambar 1)
2. Letakkan kode berikut persis di atasnya kode </head> (lihat gambar 2)
<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>
<p><data:post.body/></p>
(lihat gambar 3)
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'> Read More..</a>
</b:if>
4. Klik Simpan. Selesai.
5. 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
GAMBAR 1
GAMBAR 2
GAMBAR 3Cara Memposting Ketika memposting, klik EDIT HTML (bukan COMPOSE). 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/artikel), letakkan di antara kode <span class="fullpost"> dan </span> Masalah yang Sering Dihadapi: 1. Saat mengklik "Simpan Perubahan" kita sering mendapat pesan demikian: XML error message: The element type “style” must be terminated by the matching end-tag “”. Jangan panik. Itu artinya tanda petik / kutip buka tutup (quote/unquote) yakni tanda ' dalam kode tidak cocok dengan font template. Yang perlu dilakukan adalah buang tanda kutip ['] itu dan kasih tanda kutip yang baru di tempat yang sama. Dan coba klik lagi SIMPAN. 2. Anda sudah berhasil memasang seluruh kode di atas, tetapi ‘read more’ gak berhasil; posting tetap panjang? Dan tulisan ‘read more’ nongol di bagian bawah artikel? Tenang. Ikuti solusi berikut: klik “Pengaturan” -> klik “Format” -> buang/delete semua tanda kutip buka/tutup (quote/unquote) di “fullpost” dan ganti dengan tanda kutip yang baru. Jangan lupa klik “Simpan”. Selesai. Selamat ngeblog di blogger / blogspot dengan READ MORE.
