Untuk para blogger yang suka membuat postingan yang panjang pasti sangat berguna untuk membuat read more, baca selanjutnya atau selengkapnya dll. agar postingannya terlihat rapi. Hampir semua blogger pasti sudah mengetahui cara memasangnya tapi bagi para pemula termasuk saya mungkin masih bingung untuk membuat read more tersebut.
Nah kita langsung saja ke langkah-langkah cara membuat Read More di postingan blog sehingga bisa muncul tulisan Read More, Selengkapnya atau selanjutnya tersebut.
Nah kita langsung saja ke langkah-langkah cara membuat Read More di postingan blog sehingga bisa muncul tulisan Read More, Selengkapnya atau selanjutnya tersebut.
Pertama, Sign in ke blogger dengan account anda.
Kedua, klik Pengaturan lalu klik Format
Ketiga, geser layar sampai kebawah nanti akan ada text area (kotak) kosong disamping tulisan Template Entri, isi kotak tersebut dengan kode dibawah:
<span class="fullpost">
</span>
Lalu klik tombol Simpan Pengaturan.
Keempat, Klik Dasboard lalu klik Tata Letak lanjutkan dengan klik di Edit HTML.
Untuk jaga-jaga jika ada kesalahan pada saat merubah kode tersebut sebaiknya back up dulu data template blog kamu dengan klik di Download Template Lengkap.
Kelima, klik kotak kecil disamping tulisan Expand Template Widget, sehingga ada tanda contrengannya.

Keenam, cari kode seperti tulisan ini
<data:post.body/>
atau seperti ini,
<p><data:post.body/></p>
Ketujuh, Hapus kode diatas tersebut, lalu ganti dengan kode dibawah
<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/>
<a expr:href='data:post.url'><strong>Selengkapnya...</strong></a></p>
</b:if>
Untuk tulisan yang berwarna merah bisa anda ganti terserah anda.
Kemudian klik tombol Simpan Template.
Untuk cara posting artikel agar bisa muncul tulisan Read More – nya atau tulisan Selengkapnya…
Ketika akan mengetik atau membuat postingan di menu Posting, klik terlebih dahulu menu Edit HTML, maka dengan otomatis nanti di tempat posting akan muncul kode seperti ini
<span class="fullpost">
</span>
Tulis atau ketik artikel postingan yang nantinya muncul dipostingan pas diatas kode <span class="fullpost">, lalu sisa dari seluruh postingan dibawah tulisan <span class="fullpost"> sampai </span>.
Kemudian Terbitkan Entri..
Selamat mencoba semoga bermanfaat.............
dengan URL: http://epuljapaneseblog.blogspot.com/2010/04/cara-membuat-read-more-di-blog.html
Apabila anda menyukai artikel ini atau merasa bermanfaat silahkan bagikan artikel ini di Facebook, Google+ dan Twitter anda dengan meng-klik tombol-tombol Share yang ada diatas postingan ini.
Related Post
Tips Trik Tutorial Ms.Office
- Cara Agar Dokumen Ms.Word Tidak Bisa di Copy dan di Edit
- Cara Agar Postingan Blog Tidak Bisa Copy Paste, di Blok dan klik Kanan
- Cara Dokumen Ms. Word Tidak Bisa di Edit
- Cara Menampilkan Kotak Komentar di Blogspot
- Cara Membuat Tabel di Postingan Blog Dengan Menggunakan Google Dokumen
- Cara Membuat Spoiler di Blogspot
- Memasang Windows Alert di Blog
- Cara Men-disable Klik Kanan dan Block di Blogspot
- Cara Mengganti Cursor di Blog Dengan Gambar
- Memasang Tombol Like Facebook di Blogger
- Beberapa Variasi Tulisan Chat di CBOX
- Indonesia Siap Bersaing di SERP
- Label di Klik Tampil Hanya Judul Postingan
- Cara Memasang Balas Komentar Pada Komentar di Blogspot
- Cara Membuat Scroll Pada Daftar Komentar di Blogspot
- Cara Memasang Status Yahoo Messenger ( YM ) di Blogspot
- Cara Menampilkan Background Pada Postingan Blogspot
- Cara Membuat Kotak Iklan Di Blog
- Cara Setting Blog Di blogger / Blogspot
- Cara Membuat Related Post di Bawah Postingan Blog
- Cara Membuat Slideshow Album Foto dan Menampilkannya di Blogspot
- Mendaftarkan Blog atau Web ke Search Engine
- Cara Membuat Scroll pada Label, Arsip Blog Atau Widgets Lain
- Cara Menampilkan Code HTML di Postingan Blogspot
- Cara Membuat Blog di Blogspot
3 comments:
Mau coba lagi ah....dulu pernah nyoba tapi gak berhasil, mungkin salah naro kode nya kali ya sob :D
@h35ti
eemm.. saia udah coba 1 post doang bs nya.. klo pos yg laen kok ga bs??
@Infokitaharian
Wah masa sih?? ada yang salah penempatan kayaknya... coba di cek lagi dech....
Post a Comment