Di sini saya akan mensharingkan bagaimana membuat Read More pada postingan, fungsi read more pada postingan agar tampilan postingan kita tidak memakan banyak tempat pada halaman utama. Nah, disini kita mencoba membuat tampilan halaman utama blog kita agar tidak terlalu berat untuk ditayangkan.
Adapun cara-cara pembuatan read more tersebut seperti ini :
1. Sign in dulu ke Blogger
2. Masuk ke Pengaturan/Setting
3. Lalu klik Format/Formatting
4. Nah, pada bagian Post Template, isi kotak tersebut dengan kode dibawah ini :
<span class="fullpost">
</span>
5. Simpan Settingan anda
Settingan tersebut berfungsi untuk menampilkan secara otomatis pada saat anda membuat posting pada tab edit HTML di entry, sehingga membantu kita agar tidak lupa.
6. Setelah itu kembali ke Dashboard
7. Lalu masuk ke Tata Letak/Layout
8. Klik Edit HTML
9. Demi mengantisipasi kerusakan template anda,
Sebaiknya anda download dulu template anda dengan klik tulisan
Download Full Template. jadi bisa memback up template anda
jika terjadi kesalahan.
10. Centang Expand Widget Template
11. Cari kode berikut, untuk memudahkan pencarian, tekan Ctrl+f
]]></b:skin>
12. Letakkan kode dibawah ini setelah kode diatas :
<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>
13. Selanjutnya cari kode dibawah ini :
<p><data:post.body/></p>
14. Letakkan kode dibawah ini setelah kode diatas :
<b:if cond='data:blog.pagetype != "item"'>
<a expr:href='data:post.url'> Read More...</a>
</b:if>
Tulisan Readmore bisa anda ganti sesuai selera anda, anda bisa menggantinya dengan "baca selengkapnya" atau yang lainnya.
15. Simpan template anda
16. Sebelum saya akhiri, setiap membuat postingan,
tempat yang anda ingin letakkan Read More,
letakkan kode ini <span class="fullpost">
dan diakhir postingan letakkan kode </span>,
dan yang perlu diingat lagi, anda meletakkan kode tersebut
pada bagian edit HTML bukan bagian compose/ Tulis.
Selamat mencoba...
Selamat berkreasi...
Jangan lupa commentnya...
Adapun cara-cara pembuatan read more tersebut seperti ini :
1. Sign in dulu ke Blogger
2. Masuk ke Pengaturan/Setting
3. Lalu klik Format/Formatting
4. Nah, pada bagian Post Template, isi kotak tersebut dengan kode dibawah ini :
<span class="fullpost">
</span>
5. Simpan Settingan anda
Settingan tersebut berfungsi untuk menampilkan secara otomatis pada saat anda membuat posting pada tab edit HTML di entry, sehingga membantu kita agar tidak lupa.
6. Setelah itu kembali ke Dashboard
7. Lalu masuk ke Tata Letak/Layout
8. Klik Edit HTML
9. Demi mengantisipasi kerusakan template anda,
Sebaiknya anda download dulu template anda dengan klik tulisan
Download Full Template. jadi bisa memback up template anda
jika terjadi kesalahan.
10. Centang Expand Widget Template
11. Cari kode berikut, untuk memudahkan pencarian, tekan Ctrl+f
]]></b:skin>
12. Letakkan kode dibawah ini setelah kode diatas :
<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>
13. Selanjutnya cari kode dibawah ini :
<p><data:post.body/></p>
14. Letakkan kode dibawah ini setelah kode diatas :
<b:if cond='data:blog.pagetype != "item"'>
<a expr:href='data:post.url'> Read More...</a>
</b:if>
Tulisan Readmore bisa anda ganti sesuai selera anda, anda bisa menggantinya dengan "baca selengkapnya" atau yang lainnya.
15. Simpan template anda
16. Sebelum saya akhiri, setiap membuat postingan,
tempat yang anda ingin letakkan Read More,
letakkan kode ini <span class="fullpost">
dan diakhir postingan letakkan kode </span>,
dan yang perlu diingat lagi, anda meletakkan kode tersebut
pada bagian edit HTML bukan bagian compose/ Tulis.
Selamat mencoba...
Selamat berkreasi...
Jangan lupa commentnya...
sip, saya akan coba di blog
ReplyDelete