Membuat posting abstraksi atau READ MORE di Blogger Baru (Blogger Beta) tentu berbeda dengan membuat read more di blogger lama. Jika anda membutuhkan informasi tentang hal ini, maka berikut saya sajikan langkah-langkah praktisnya. Tapi INGAT!, sebelum melakukan semua langkah-langkah di bawah ini, terlebih dahulu Download Full Template Anda. Itu adalah golden standard pada blogger beta ketika akan melakukan perubahan page element atau merubah templatenya.
Yah, minimal untuk jaga-jaga saja. Sudah tidak sabaran? Ikuti tutorial di bawah ini :
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, 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 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>
dan kode <div style='clear: both;'/> <!-- clear for photos floats -->
</div>
pasang kode html ini:
<a expr:href='data:post.url'>Read More......</a>
</b:if>
7. Jadi, susunan kode html di template setelah ditambah dg kode READ MORE akan menjadi seperti ini (yg warna biru adalah kode tambahan untuk READ MORE, sedang kode warna hitam adalah kode asli template):
<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>
8. Klik SETTINGS, terus klik FORMATTING. Di paling bawah ada kotak kosong di samping menu POST TEMPLATE. Isi kotak kosong tsb dg kode berikut:
<span class="fullpost">
</span>
Jangan lupa klik SAVE apabila sudah dipasang.
9. Klik SAVE. Selesai.***
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 <span class="fullpost"> sementara sisanya (yakni keseluruhan entry), letakkan di antara kode<span class="fullpost"> dan </span>
Nah, selesai. Selamat Mencoba.
ARTIKEL MENARIK LAINNYA:
Asta Qauliyah aka Asri Tadda adalah seorang blogger lelaki yang aktif berkecimpung di dunia 
mantafff..
saya memang sudah lamami cari cara bikin “read more” di Blogger Beta..
dulu kan kita pernah posting kayak begini tapi khusus buat Blogger Classis..
so..thank you…:)
[Reply]
mantafff..saya memang sudah lamami cari cara bikin “read more” di Blogger Beta..dulu kan kita pernah posting kayak begini tapi khusus buat Blogger Classis..so..thank you…:)
[Reply]
Aku entah mengapa gagal terus tuh mencobanya. Selalu dapat error 404 not found. Dan bukan karena blogger lagi error. Karena aku coba hilangkan dua baris paling bawah, langsung dikasih tahu kalau XML parse error. b:if-nya nggak ditutup.
Tapi kalau kembali ditambahkan, jadi error 404 lagi. Apa yang salah, ya?
[Reply]
Aku entah mengapa gagal terus tuh mencobanya. Selalu dapat error 404 not found. Dan bukan karena blogger lagi error. Karena aku coba hilangkan dua baris paling bawah, langsung dikasih tahu kalau XML parse error. b:if-nya nggak ditutup. Tapi kalau kembali ditambahkan, jadi error 404 lagi. Apa yang salah, ya?
[Reply]
sip2x, udah tak q cobain, jalan tuh, thanks ya
[Reply]
sip2x, udah tak q cobain, jalan tuh, thanks ya
[Reply]
Ok juga, tapi kalo mau membuat read more untuk wordpress gimana caranya mas?
[Reply]
Ok juga, tapi kalo mau membuat read more untuk wordpress gimana caranya mas?
[Reply]
to Mas Yudha:
Kalau mau buat raed more di WP, gampang sekali. Kalau setiap mau posting di blog wp, pakai saja form “Code”, bukan “Visual”. Form “Code” pada setiap postingan WP akan memungkinkan kita membuat postingan dalam bentuk file HTML. So, kalau mau pasang read more, cukup klik tab “more” yang ada di bagian atas postingan, atau tulisakan manual seperti ini :
Tapi kalau mas Yudha pakai hostingan berbayar, dan menggunakan CMS WP, kan banyak plugin yang bisa didownload untuk otomatisasi post limit.
Semoga bermanfaat.
[Reply]
to Mas Yudha:
Kalau mau buat raed more di WP, gampang sekali. Kalau setiap mau posting di blog wp, pakai saja form “Code”, bukan “Visual”. Form “Code” pada setiap postingan WP akan memungkinkan kita membuat postingan dalam bentuk file HTML. So, kalau mau pasang read more, cukup klik tab “more” yang ada di bagian atas postingan, atau tulisakan manual seperti ini :
Tapi kalau mas Yudha pakai hostingan berbayar, dan menggunakan CMS WP, kan banyak plugin yang bisa didownload untuk otomatisasi post limit.
Semoga bermanfaat.
[Reply]
Slam kenal……..
[Reply]
Slam kenal……..
[Reply]
Hi Mas.. Salam kenal yah…
Nice Blog.. Comment di blog Aq yah…
Thanx…
[Reply]
Hi Mas.. Salam kenal yah…
Nice Blog.. Comment di blog Aq yah…
Thanx…
[Reply]
mas, aku berhasil bikin readmore, tenkyu ya
[Reply]
Asta Qauliyah reply on April 8th, 2009:
Sukses ya!
[Reply]
mas, aku berhasil bikin readmore, tenkyu ya
[Reply]
Asta Qauliyah reply on April 8th, 2009:
Sukses ya!
[Reply]