Buat teman-teman yang baru mulai membuat blog mungkin sering melihat di blog-blog ada tulisan "Read More", "Baca Selanjutnya", "Selengkapnya" atau atau istilah yang sejenisnya. Mungkin ada yang bertanya apa kegunaannya.
Readmore adalah pemenggalan kalimat pada posting suatu halaman, Pemenggalan halaman posting biasanya ditandai dengan "Read More", "Baca Selanjutnya", digunakan sebagai penanda (pengarah) bahwa kalimat pada postingan masih mempunyai kelanjutan,Read More dan juga berguna mempersingkat halaman posting yang panjang dan mempercepat waktu loading halaman web. Hal ini sangat terasa efeknya jika halaman yang dipenggal panjang dan berisi banyak gambar atau video.
Untuk membuat readmore ikuti prosedur berikut: (script di artikel ini bersumber dari http://artikelkomputerku.blogspot.com
1. Login ke dashboard =Tata letak =Edit HTML , centang pada "Expand widget template"
2. Untuk menghindari kesalahan edit script atau tidak kompatibenya script, lakukan backup template. Klik "downlnad template lengkap" untuk backup template
3. Cari kode dibawah ini:
<div class='post-header-line-1'/>
<div class='post-body entry-content'>
Untuk memudahkan pencarian script di atas gunakan fasilitas Find pada browser firefox
Pada menubar pilih Edit = Find
Di bagian bawah browser akan muncul kotak find, masukkan kode di atas
Tekan Next untuk memulai pencarian
4. Tambahkan kode script berikut,
<b:if cond='data:blog.pageType ==item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
Hasilnya tampak seperti di bawah ini
<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>
5. Cari kode berikut:
Tambahkan kode script berwarna kuning, (tulisan Readmore dapat anda ganti dengan Baca Selengkapnya, atau kata sejenisnya)
<a expr:href='data:post.url'>Readmore </a></b:if>
hasilnya tampak seperti di bawah ini
<data:post.body/>
<a expr:href='data:post.url'>Readmore</a></b:if>
Klik Tombol Simpan template
6. Kembali ke Dashboard, pilih Pengaturan => Format
Pada bagian "Template Posting" masukkan kode berikut
<div class="fullpost">
</div>
Lihat gambar di bawah ini, Klik tombol Simpan Setelan
7. Secara default script di atas akan dibuat secara otomatis pada saat membuat postingan baru, Untuk melihatnya Pada bagian atas kotak teks postingan, pilih "Edit Html", jika memilih "Tulis" atau "pratinjau" script tidak muncul (hidden).
Contohnya bisa dilihat di bawah ini:
Tekan saja enter pada saat membuat postingan, nanti setelah semua teks dalam postingan lengkap, tinggal cut saja script <div class="fullpost">
ke bagian teks yang akan dipenggal.
Hasilnya setelah dipublish akan tampak seperti di bawah ini:
Ada beberapa template yang tidak sesuai dengan script di atas, Jika dengan mengunakan cara diatas gagal mungkin script html pada layout anda tidak sesuai, anda bisa mencoba menggunakan script untuk membuat readmore versi 2 (Versi 2 ini telah saya ujicoba di template denim dan minima dan sukses)
Cara buat readmore di blogger (versi 2)
Terkadang template blog kita tidak cocok dengan script untuk membuat readmore versi 1. Dibawah ini adalah script untuk membuat readmore pada template default blogger : dapat berfungsi pada versi minima dan denim (vesi lain belum saya ujicoba).
Readmore adalah pemenggalan kalimat pada posting suatu halaman, Pemenggalan halaman posting biasanya ditandai dengan "Read More", "Baca Selanjutnya", digunakan sebagai penanda (pengarah) bahwa kalimat pada postingan masih mempunyai kelanjutan,Read More dan juga berguna mempersingkat halaman posting yang panjang dan mempercepat waktu loading halaman web. Hal ini sangat terasa efeknya jika halaman yang dipenggal panjang dan berisi banyak gambar atau video.
Untuk membuat readmore ikuti prosedur berikut:
1. Login ke dashboard =Tata letak =Edit HTML , centang pada "Expand widget template"
2. Untuk menghindari kesalahan edit script atau tidak kompatibenya script, lakukan backup template. Klik "download template lengkap" untuk backup template
3. Cari kode dibawah ini:
<div class='post-header-line-1'/>
<div class='post-body entry-content'>
Untuk memudahkan pencarian script di atas gunakan fasilitas Find pada browser firefox
Pada menubar pilih Edit = Find
Di bagian bawah browser akan muncul kotak find, masukkan kode di atas
Tekan Next untuk memulai pencarian
4. Tambahkan kode script berikut, (bedanya dengan readmore versi 1 adalah ditambahkannya sintax quot)
<b:if cond='data:blog.pageType ==&quot;item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
5. Hasilnya tampak seperti di bawah ini
<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
6. Cari kode berikut:
Tambahkan kode script berwarna kuning, (tulisan Readmore dapat anda ganti dengan Baca Selengkapnya, atau kata sejenisnya)
<a expr:href='data:post.url'>Readmore </a></b:if>
hasilnya tampak seperti di bawah ini
<data:post.body/>
<a expr:href='data:post.url'>Readmore </a>
</b:if>
Klik Tombol Simpan template
7. Kembali ke Dashboard, pilih Pengaturan = Format
Pada bagian "Template Posting" masukkan kode berikut
8. Secara default script di atas akan dibuat secara otomatis pada saat membuat postingan baru, Untuk melihatnya Pada bagian atas kotak teks postingan, pilih "Edit Html", jika memilih "Tulis" atau "pratinjau" script tidak muncul (hidden).
Contohnya bisa dilihat di bawah ini:
9. Tekan saja enter pada saat membuat postingan, nanti setelah semua teks dalam postingan lengkap, tinggal cut saja script <div class="fullpost"> ke bagian teks yang akan dipenggal.
10. Hasilnya setelah dipublish akan tampak seperti di bawah ini:
Recent Comments