Cara buat read more di blogspot versi 3
Secara tidak sengaja saat membuat postingan, saya mengklik tanda tanya yang ada di posting blog dan membuka halaman tentang readmore blogger. Buat teman-teman yang mungkin berminat menggunakan cara membuat readmore ini, bisa ikuti prosedur berikut:
1. Login ke dashboar anda
Pilih Tata Letak -> Edit Html
2. Cari kode berikut
(Biasanya jika menggunakan template bawaan blogger, sudah ada kode di bawah ini, jika belum ada masukkan kode berikut di bawah kode yang terdapat pada langkah 2
4. Hasilnya mirip seperti di bawah ini
5. Selanjutnya, Pada dashboard pilih Elemen halaman
Pada bagian Posting Blog ,klik Edit
6. Pada bagian Teks tautan laman entri
Anda bisa mengganti Tulisan " baca selengkapnya " menjadi "readmore" atau kata yang ingin anda tampilkan sebagai pengganti read more
Simpan perubahan di atas, dengan menekan tombol Simpan
7. Selanjutnya Di dasboard pilih Posting -> Entri baru
Anda aktifkan Mode "Edit HTML"
pada bagian teks yang akan dipenggal masukkan kode berikut:
Catatan:
1.Teks sebelum script "more" akan ditampilkan, sedangkan teks setelah script "more" akan disembunyikan
2. Penulisan script more perhatikan tanda - dan more ada spasi.
Catatan:
Agar anda tidak berulang menuliskan script <!-- more --> pada setiap membuat entri (postingan baru) maka anda bisa memasukkan script <!-- more --> tersebut ke template entry
Pada Dashboard pihh Tata letak -> Format
Di bagian template entri masukkan script <!-- more -->
Jika anda membuat entri baru (lihat langkah 7, maka secara otomatis script tersebut akan muncul di entri baru anda.
Contoh blog saya yang memakai script ini bisa dilihat disini blog dummy
Artikel Terkait :
1. Login ke dashboar anda
Pilih Tata Letak -> Edit Html
2. Cari kode berikut
<data:post.body/>
3. Coba anda lihat di bagian bawah kode tersebut, apakah sudah ada kode berikut(Biasanya jika menggunakan template bawaan blogger, sudah ada kode di bawah ini, jika belum ada masukkan kode berikut di bawah kode yang terdapat pada langkah 2
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
</div>
</b:if >
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
</div>
</b:if >
4. Hasilnya mirip seperti di bawah ini
<data:post.body/>
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
</div>
</b:if >
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
</div>
</b:if >
5. Selanjutnya, Pada dashboard pilih Elemen halaman
Pada bagian Posting Blog ,klik Edit
6. Pada bagian Teks tautan laman entriAnda bisa mengganti Tulisan " baca selengkapnya " menjadi "readmore" atau kata yang ingin anda tampilkan sebagai pengganti read more
Simpan perubahan di atas, dengan menekan tombol Simpan7. Selanjutnya Di dasboard pilih Posting -> Entri baru
Anda aktifkan Mode "Edit HTML"
pada bagian teks yang akan dipenggal masukkan kode berikut:
<!-- more -->
Catatan:
1.Teks sebelum script "more" akan ditampilkan, sedangkan teks setelah script "more" akan disembunyikan
2. Penulisan script more perhatikan tanda - dan more ada spasi.
Catatan:
Agar anda tidak berulang menuliskan script <!-- more --> pada setiap membuat entri (postingan baru) maka anda bisa memasukkan script <!-- more --> tersebut ke template entry
Pada Dashboard pihh Tata letak -> Format
Di bagian template entri masukkan script <!-- more --> Jika anda membuat entri baru (lihat langkah 7, maka secara otomatis script tersebut akan muncul di entri baru anda.
Contoh blog saya yang memakai script ini bisa dilihat disini blog dummy
Artikel Terkait :
Tidak ada komentar:
Posting Komentar