Pages

Cara membuat Read More di blog

Kita sering sekali meliahat postingan pada tampilan utama halaman blog terlalu panjang. sehingga orang yang mengunjungi menjadi malas untuk melihat postingan. nah disini aq pengen memberikan sedikit tips bagaimana cara membuat postingan kita menjadi read more.

1. log in ke blogger


2. ke rancangan


3. edit HTML


4. edit template lalu centang kotak kecil expand Template widget


5. lalu kita cari kode
<data:post.body/> nah biar cepet nyari nya tinggal tken ctrl + F atau F3 lalu copy paste kode tersebut

6. nah setelah itu copy kode ini 
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style> 

tepat dia atas kode  <data:post.body/>

7. setelah itu copy lagi kode ini
<a expr:href='data:post.url'>Read More......</a>
</b:if>

dibawah kode <data:post.body/>
 "catatan : tulisan Read More...... bisa diganti terserah anda"

8. trus simpan template
9. kemudian pilih menu pengaturan
10. lalu pilih format
11. nah  di template entri isi dengan 
<span class="fullpost">


</span>

lalu simpan
12. nah sekarang qta kebagian pling penting, saat qta memberi entri baru terdapat dua pilhan yaiut edit HTML dan Compose. nah kalian pilih lah Edit HTML dan akan dengan otomati keluar kode 
<span class="fullpost">


</span>
 
 untuk cara pengisian yaitu tulis artikel diatas kode <span class="fullpost"> dan untuk agar tulisan read more tulis di antara kode <span class="fullpost"> dan </span>


0 komentar:

Posting Komentar