. Yang pertama akan saya bahas adalah membuat read more postingan dengan kode HTML.
- Pertama anda mesti login ke akun blogger anda.
- Kemudian anda cari menu tata letak > edit HTML, kemudian beri tanda cek pada tulisan expand template widget. Jika anda khawatir mengalami kesalahan saat mengubah kode HTML blog, ada baiknya anda simpan kode HTML asli template anda dengan mengklik tulisan donwload template lengkap yang ada pada bagian pojok kanan atas halaman tersebut.
- Setelah itu anda cari kode </head> dengan bantuan f3 dari keyboard anda agar lebih mudah.
- letakkan kode berikut tepat di atas kode </head> yang anda temukan sebelumnya:
<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>
- Temukan kode berikut <p><data:post.body/></p> , letakkan kode berikut tepat di bawahnya:
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'> Read More..</a>
</b:if>
- Simpan template.
- Klik posting > entri baru atau edit entri (ini tergantung anda ingin memotong postingan yang sudah ada atau membuat postingan baru dan langsung memotongnya).
- Letakkan kode berikut ini diantara postingan yang ingin dipotong/disembunyikan.
<span class="fullpost">
</span>
- Bagian yang merah anda letakkan tepat di depan kata awal postingan yang ingin disembunyikan.
- Bagian yang biru anda letakkan di akhir postingan.
- Terakhir klik terbitkan entri dan lihat hasilnya.
Jika new editor post telah terpasang di akun blogger anda maka tinggal lakukan tahapan berikut:
- Buat postingan baru atau edit postingan yang sudah ada dengan klik menu Posting.
- Letakkan kursor di depan kata postingan yang ingin dipotong/disembunyikan.
- Klik menu dengan icon gambar seperti di bawah ini tepat di depan kata postingan yang ingin disembunyikan.
- Terbitkan entri dan lihat hasilnya pada blog anda.
No comments:
Post a Comment