Cara membuat Read More pada Blog

Pada tutorial sebelumnya saya sudah membuat cara membuat Read More secara otomatis menggunakan javascript, namun kali ini kita akan membuat read more yang manual. Berikut dibawah adalah tutorialnya.

1. Login ke Account Blogger anda
2. Masuk ke Design / Tata Letak lalu masuk ke EDIT HTML
3. Beri Centang pada Expend Template Widget ( Lihat Gambar1)
   
4. Cari code </head> , Gunakan CTRL F untuk Mencari.
5. Setelah ketemu tepat diatasnyanya letakkan kode berikut :
6.  <style>
   <b:if cond='data:blog.pageType == "item"'>
   span.fullpost {display:inline;}
   <b:else/>
   span.fullpost {display:none;}
   </b:if>
   </style>
7. Selanjutnya cari code <data:post.body/> atau <p><data:post.body/></p>
8. Letakkan kode berikut di bawah kode diatas:
9. <b:if cond='data:blog.pageType != "item"'>
   <a expr:href='data:post.url'> Read More..</a>
   </b:if>
10. Jangan Lupa untuk menyimpannya click Simpan Template / Save Template.
11. Selanjutnya Cara Posting Blog adalah:
12. Saat posting Buat Posting Artikel anda dengan Compose, Setelah lengkap baru masuk ke Edit Html.
13. Tentukan bagian dari Artikel anda yang akan anda sembunyikan, setelah itu masukkan code <span class=”fullpost”> diatas artikel yang akan anda sembunyikan.
14. Dan diakhir artikel masukan code </span>.
15. Jangan lupa simpan postingan anda dan lihat hasilnya.

Gambar1

Sekian dulu ya, semoga artikel ini berguna buat Anda. jangan lupa kunjungi terus TUTORIAL & LIFESTYLE, dan dapatkan Update artikel terbaru kami.