Expandable Post Summary
By admin at 30 September, 2008, 11:03 pm
Esok dah raya.. tapi saya masih menulis artikal nie. Bukan sebab apa tetapi untuk memenuhi sebahagian matlamat saya membangunkan blog ini. Kali ini saya nak berkongsi mcm mn nak buat expendable post summary pada blogspot dan juga wordpress.
cth di atas antara yg mudah utk pengguna blog spot. Terdapat beberapa step. Antara: (p/s - backup semua code ada terlebih dahulu)
1. clik SETTINGS - > ARCHIVING dan pastikan ENABLE POST PAGES adalah YES.
2. clik EDIT HTML dan tick pada “Expand Widget Template”
3. cari <div class=’post-body’> dan kamu akan jumpa code berikut:
<!– post summary hack begin –>
<b:if cond=’data:blog.pageType == “item”‘>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<!– post summary hack end –>
4. relpace dengan code berikut:
<!– post summary hack begin –>
<b:if cond=’data:blog.pageType == “item”‘>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<!– post summary hack end –>
<p><data:post.body/></p>
<!– post summary hack begin –>
<a expr:href=’data:post.url’>Click Here to Read More..</a>
</b:if>
<!– post summary hack end –>
5. Selepas tu SAVE.
6. Lepas tu pergi ke SETTINGS -> FORMATTING dan pada POST TEMPLATE, tambah code berikut:
Type your summary here
<span class=”fullpost”>
Type rest of the post here
</span>
7. SAVE
Setiap kali kamu create post baru, code di atas akan muncul pada setiap post editor window.
Bagi pengguna wordpress hanya bbrp step diperlukan. Klik Insert more tag(Alt-SHift-T) seperti pada rajah dibawah.
kamu boleh ubah teks mengikut kehendak…
Jika kamu masih tidak lagi jelas, boleh la tulis masalah kamu di ruangan komen. saya akan membantu setakat termampu. insyaallah.







No comments yet.