Dalam menulis postingan yang terlalu Panjang Mungkin kita ingin menyembunyikannya agar beberapa postingan kitapun dapat terlihat,nah ini cara untuk memotong artikel dengan cara membuat readmore
- Login ke akun blogspot .
- Pada dasbor, klik link Tata Letak, kemudian pilih submenu Edit HTML.
- Back up terlebih dahulu template blogspot pembaca agar jika terjadi kerusakan, masih bisa mengembalikan ke kondisi semula. Klik link Download Template Lengkap.
- Beri centang pada bagian Expand Template Widget.
- Silahkan cari kode seperti dibawah ini pada template pembaca.
<div class='post-body entry-content'>
Perlu diketahui bahwa kode tersebut ada yang sama dan ada yang beda dengan template Anda. cukup memastikan bahwa terdapat struktur class='post-body'. - Copy paste kode berikut pada kode yang Anda temukan pada langkah 5 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> - Selanjutnya cari kembali kode berikut ini:
<data:post.body/>
- Copy paste kode berikut di bawah kode yang Anda temukan pada langkah 7 di atas:
<a expr:href='data:post.url'>Read More...</a>
</b:if>
(NB: Anda boleh mengganti tulisan "Read More..." yang berwarna merah tersebut dengan tulisan "Baca selengkapnya...", "Lanjutkan...", dsb. - Setelah itu klik tombol SIMPAN TEMPLATE.
- Masih pada dasbor blogspot pembaca, bukalah menu Pengaturan, kemudian pilihlah submenu Format. Pada bagian Template Posting yang ada di sebelah paling bawah, copy paste kode berikut:
<div class="fullpost">
</div> - Setelah itu klik tombol SIMPAN SETELAN.
- Sekarang cobalah membuat sebuah posting baru. Pada tab Edit HTML pada kotak isian posting, pembaca akan melihat muncul tulisan yang Anda copy paste pada langkah 10 di atas.
- Untuk membuat Read More muncul pada postingan, tulis bagian artikel yang hanya ingin ditampilkan pada halaman utama blog di atas kode <div class="fullpost">. Sedangkan tulisan seterusnya ditulis diantara kode <div class="fullpost"> dan </div>.
Thanks for reading & sharing software,tutorial dan alamat
0 komentar:
Posting Komentar