[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.