Tutorial-Zabidi Ali: Panduan membuat " Read More"

Pertama sekali saya nak ingatkan pada anda semua,sebelum memulakan edit, saya sarankan kepada anda semua supaya Buckup file Theme anda terlebihdahulu.

Langkah  1  : Pertama, Masuk ke Blogger. Sekarang, masuklah ke "Layout" dan klik "Edit HTML"

Langkah 2   : Cari code ( CTRL + F )

]]></b:skin>

Pastekan selepas code ]]></b:skin>


And here is the rest of it

<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>

Langkah 3 : cari code 

<data:post.body/>

Pastekan selepas code <data:post.body/>
 

<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'><div style="text-align: right;"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgG0QIoiDu12t8LFB7V-8IQ0jXfJowCKI5WWz5cJ2Zlpf-gDictDWsrgr9sALjqxDLMuGYW5ZSuIWKx5CCGuYgCpv_PeSGh0S1xOfpAwNt-k8HWWyufgQsa6F94YmtctIVjDkIVWuOZZy4/s400/readmore.jpg'/></div></a>
</b:if>

Langkah 4 : Kemudian Save
===================================================================
langlah 5 :  Masuklah ke "Layout" dan klik "Settings" -----> "Formatting" 

Pastekan code (sample di bawah)

Post Before "read more"
<span class="fullpost">
And here is the rest of it
</span>

Sample

Langkah 6  : kemudian Save