Cara Membuat Read More (Baca Selengkapnya) di Blogger Beta
Posted by | Published on August 22nd, 2007Membuat 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.
Popularity: unranked [?]
August 22nd, 2007 at 6:18 am
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 to this comment]
September 4th, 2007 at 8:56 pm
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 to this comment]
October 5th, 2007 at 6:54 am
sip2x, udah tak q cobain, jalan tuh, thanks ya
[reply to this comment]
February 18th, 2008 at 5:15 pm
Ok juga, tapi kalo mau membuat read more untuk wordpress gimana caranya mas?
[reply to this comment]
February 18th, 2008 at 6:01 pm
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 this comment]
August 12th, 2008 at 1:33 am
Slam kenal……..
[reply to this comment]