Tuto: Button Read More

Hari ni, Diana nak buat tuto lagi... Ok, setengah blogger atau pun visitor tak suka tengok blog orang yang panjang berlebar-lebar dalam blog.. Nampak macam hutan.. tak kemas.. Ala.. Kononnya, nak cerita sangat tentang kehidupan diorang yang boring untuk menunjuk- nunjuk.. Biasa la orang zaman sekarang ni.. ^^

Cara-cara nak buat Button Read More (Asas)
1. Pergi dashboard > Design > Edit HTML.
2. Pada keyboard y'all yang tak menarik tu, tekan ctrl + F untuk menghidupkan fungsi 'find' kemudian taip 

3. Letakkan code kat bawah ni, kat atas 

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

4. Than, letakkan code kat bawah ni pulak, di bawah  

<b:if cond='data:blog.pageType != "item"'><br />
<a expr:href='data:post.url'>Read more...</a>
</b:if>
</b:if>

Note: Code yang y'all letak mesti macam kat bawah ni:
 

5. Lepas tu, apa lagi... Save template la.. Tak 'kan nak masak pulak... 

6. Cop-cop.. Tak habis lagi.. Than, pegi kat dashboard, click Setting > Formatting kemudian scroll ke bawah sampai jumpa Post Template. Kalau tak jumpa, cari gak.. Tak kira.. Sampai hujung dunia pun tetap kena cari...

7. Copy code kat bawah ke dalam Post Template...

<span class="fullpost">
</span>

8. Dah.. Apa tunggu-tunggu... save setting la cepat...

9. Oit.. Lepas tu.. *Tak habis lagi*... Pergi kat New Post> Edit HTML> y'all akan jumpa code yang y'all letak tadi... Kandungan ayat yang ingin diletakkan dalam ruanagn read more perlu terletak antara dan

10. Than, publish post!

Letak Tajuk Entri Pada 'Read More'

Ok, selalunya, blog yang guna fungsi 'Read More' ni, obviously keluar perkataan 'read more', 'baca lagi', 'klik untuk teruskan pembacaan' dan benda mengarut yang lain lah tanpa melibatkan tajuk sesebuah entry.

Tutorial ni pulak akan terangkan macam mana nak tambahkan sedikit (sikit je) code daripada tutorial 'Read More' yang kat atas ni (Asas punya) untuk membolehkan tajuk entry keluar secara automatic selepas perkataan 'readmore'. *Cooollll!!!!*

Sebelum:

Selepas:

Cara nak buat trick kat ats ni... Peace of cake je...

1. Pergi dashboard > layout > edit HTML > expand widget templates

2. Click Ctrl + F and cari code kat bawah ni:

<data:post.body/>

3.  Dibawah code , ada beberapa code yang berkaitan dengan Read More, dan buat penambahan code kat bawah ni selepas perkataan 'Read More'(atau perkataan lain yang berkaitan)
-pastikan kod kat bawah ni terletak sebelum

<data:post.title/>

 Code tu akan nampak macam kat bawah ni:

SIAP and dah boleh save.. Senang 'kan.. :) FoLLOw Choco, k.. :)