16 June 2008

[Tutorial] Install Read More

Jam menunjukkan pukul 10.30 pagi hari Isnin. Masih ada 3 hari sebelum Oral BioChem. Wah pandai jugak saya berpantun. (loghat tranu, Isnin dan Biochem adalah same sebutan di akhirnya).

Kali ini saya menerima 40 mesej samada melalui PM di iLuvIslam, ataupun di SB, camne nak letak READ MORE kat belog. Link yang saya bagi pula asyik disalahbuat oleh mereka. Maka ini adalah versi Melayu, ringkasan camne nak buat READ MORE dalam Blogger, beserta beberapa peringatan.


TUTORIAL ASAS


1 - Pegi kat Blogger Template HTML Editor. Tick 'Expand Widget Template'.

2 - Cari kod nih:
</head>


3 - Ganti ngan code nih:
<style type=”text/css”>

<b:if cond=’data:blog.pageType != “item”‘>

.therest {display: none;}

</b:if>

<b:if cond=’data:blog.pageType == “item”‘>

.readmorelink {display: none;}

</b:if>

</style>

</head>


3. Pastu cari code nih:
<data:post.body/>


Tukar dengan code nih:
<data:post.body/>

<a expr:href=’data:post.url’ expr:title=’data:post.title’>Read More…</a>


4. Save template. Siap bahagian basic.

Sekarang bila korang nak post entry baru, pecahkan post tuh kepada dua - Yang-Akan-Muncul-Di-Front-Page dan Yang-Akan-Muncul-Setelah-Klik-Read-More. Kemudian korang letak Yang-Akan-Muncul-Setelah-Klik-Read-More tuh dalam “therest” class.
Contoh:
Ini post contoh. Perenggan nih akan muncul di Front Page, atau Archive atau memane je laa.

<div class=”therest”>Ni pulak perenggan seterusnya yang HANYA akan muncul setelah klik Read More atau melalui link direct kepada post ini.

Ni pulak perenggan ketiga. Oleh kerana ianya masih dalam div, maka ianya akan muncul sama seperti perenggan kedua.</div>


Okeh, seterusnya kita setting pulak supaya korang takyah ingat code div tuh.

1. Bukak Dashboard -> Settings -> Formatting
2. Scroll sampai bawah, kat post template, letak code nih dalam kotak sebelah Post Template
PENGENALAN
<div class=”therest”>
ISI
</div>


So sekarang nih, bile korang Post Entry baru je, automatik code nih muncul, just edit perkataan PENGENALAN dan ISI tuh je. Okeh, selamat mencuba. Sebarang masalah sila ajukan kepada saya.

NOTA TAMBAHAN

1 - Perkataan Read More tuh tetap akan muncul walaupun setelah kita klik di Front page. Yang nih, belum jumpa code yang sesuai untuk alter.

2 - Post2 lame perlu di-edit satu2 dengan code div tuh. Kalau tak, ianya akan kekal macam tuh, tak terpotong.

3 - Biasanya bila Save, ada error. Maka, cuba taip ' dan " secara manual. Okeh?

4 - Bila nak tulis entry baru, gunakan Edit HTML, bukan Compose. Setelah siap menaip, tukar kepada Compose dan tambah laa efek2 yang diperlukan seperti Bold, Italic, dll dsb.

5 - SILA BUAT BACKUP KEPADA HTML. Hehe lupa nak bagitau.

UPDATE

Berikut adalah Update kepada entry ini mengikut respon, dan komen serta penemuan baru yang saya terima:

[takde lagi]

CREDITS

Entry ini adalah pengubahsuaian daripada Tutorial BI dari JackBook. Jika anda tak suka tutorial ini dan ingin menggunakan tutorial lain, boleh jenguk DI SINI.

2 penghinaan diterima:

PEMENANG on June 16, 2008 at 6:51 PM said...

Awak ni baguslah. Boleh kita berkenalan?

_izwan_ on December 31, 2008 at 9:54 AM said...

saya dah buat dapat mesej nie

Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: Open quote is expected for attribute "{1}" associated with an element type "type".

cmane???

 

License

This blog by Muhammad Hafiz Adam is official website of Creative Designer and licensed under a Creative Commons Attribution-Noncommercial 2.5 Malaysia License.

You're free to Share (copying, distributing and transmitting) and to Remix (adapting the work) under the following conditions:
a) Attribution;
You must attribute the work by linking back to this blog pr anything similar (but not in any way that suggests that I endorse you or your use of the work).
b) Noncommercial;
You may not use this work for commercial purposes.

Categories

~AkuDarahAnakMalaysia~ Copyright © 2009 Community is Designed by Bie Blogger Template