Jangan Lupe Baca Ni Dulu

Kepada pengunjung blog ini, sila pastikan seandainya anda ingin membaca entri, klik pada : teruskan membaca untuk membaca entri secara keseluruhan..

p/s: entri tu bahasa mane?

Sunday, May 3, 2009

(TUTORIAL BARU) Cara nak buat Read more

Hari ini kita belajar cara tuk buat READ MORE, macam yang saya cuba buat. cuma, pandai-pandai lah adjust sendiri nanti ya.



MULA:

Secara umumnya, artikel yang dipampangkan di halaman depan akan ditampilkan secara penuh. Jika pada halaman depan menampilkan 5 artikel, maka halaman depan akan menjadi panjang. Mungkin ini akan mengganggu emosi pembaca anda. hehe. Ada langkah mudah untuk memecah isi artikel menjadi 2 bagian. Bahagian pertama, bagian kecil dari artikel yang ditampilkan di halaman depan. Bahagian kedua adalah bagian lainnya yang akan ditampilkan bila artikel dibuka/diklik.

Contohnya:
"Keutamaan Membaca Al-Qur'an. Segala puji bagi Allah. Shalawat dan salam semoga tercurahkan kepada junjungan dan kekasih kita, Rasulullah, keluarga beserta para sahabat beliau, shalallahu 'alaihi wasalam. Al-Qur'an adalah kalam (firman) Allah. Keutamaannya atas segala perkataan seperti keutamaan Allah atas seluruh makhluk-Nya. Membacanya adalah amalan yang paling utama dilakukan oleh lisan... Read More.."

Adakah susah membuatnya.. Cuba dulu baru tahu..
Terdapat 3 tahap, iaitu melibatkan bahagian layout, setting, dan pada bahagian post.

Langkah-langkah pada bahagian LAYOUT adalah:

1)Login Dulu
2)Pada halaman dashboard, klik link layout.
3)Klik link Edit HTML.
4)Cari checkbox 'Expand Widget Template'
5)Pada column HTML itu, carilah code ini:

6)Hapuslah code itu, ganti dengan:



7) Tulisan 'Read More' boleh ditukar kepada menjadi 'Baca Selengkapnya' atau 'Baca Lagi' atau ape2 yang bersesuaian dengan jiwa anda.
8) Dari segi HTML, itu sahaja. Jangan lupa klik SAVE untuk menyimpan.


Seterusnya adalah membuat template/pola untuk setiap artikel yang akan kita post, iaitu di bahagian SETTING:


1)Pergi pada bahagian Menu Setting - Formatting.
2)Cari kotak 'Post Template'. Isi kotak itu dengan code:


3) Silalah Simpan/Save ya.

Langkah terakhir adalah membuat artikel postingnya tentunya di bahagian POST, iaitu:

1)Pergi ke New Posting.
2)Antara 2 tab, 'Compose' dan 'Edit HTML', pilihlah Edit HTML. Akan terlihat code template yang telah kita simpan sebelumnya.
3)Pecahlah artikel menjadi 2 bahagian. Bagian pertama, yang akan terlihat di bahagian depan, letakkan di atas code
Bagian kedua diletakkan setelah kode itu dan sebelum code

Contoh hasilnya:

Segala puji bagi Allah. Shalawat dan salam semoga tercurahkan kepada junjungan dan kekasih kita, Rasulullah, keluarga beserta para sahabat beliau, shalallahu 'alaihi wasalam. Al-Qur'an adalah kalam (firman) Allah. Keutamaannya atas segala perkataan seperti keutamaan Allah atas seluruh makhluk-Nya. Membacanya adalah amalan yang paling utama dilakukan oleh lisan < class = " fullpost ">
Al-Khaththabi mengatakan: "Disebutkan dalam atsar bahwa jumlah ayat al-Qur'an adalah sesuai dengan jumlah tingkatan dalam surga. Dikatakan kepada pembaca (al-Qur'an), 'Naiklah dalam tingkatan sesuai dengan ayat al-Qur'an yang sebelumnya kamu baca (di dunia).' Karena itu siapa yang membaca dengan sempurna seluruhnya al-Qur'an, maka ia menempati tingkatan surga yang paling atas di akhirat. Sedang siapa yang membaca sesuatu juz darinya, maka kenaikannya dalam tingkatan surga sesuai dengan bacaannya itu. Dengan demikian, akhir pahalanya adalah pada akhir bacaannya. < / span >


4) Kemudian, Publish

-- Siap-- Harap-harap menjadi dan semoga anda faham la ye.
p/s: saya buat ni, tapi sume jadi Read More walaupun entri pendek. so, pandai2 lah adjust kalu rajin..

Rujukan dari rini. Thanks a lot (tak ingat link asal)

3 comments:

  1. bagus. tapi aku tak paham. (mungkin sebab pagi2 ni otak aku slow kot) aku assume simbol2 html yang nak ditunjukkan dalam artikel sepatutnya keluar tak keluar pulak... takpe, nanti aku google.

    ReplyDelete
  2. terima kasih atas makluman. akan diedit semula. benar, code2 html tdk kuar, nak bagi link asal, tak ingat pulak dapat dari mana..

    ReplyDelete
  3. Pembetulan telah dibuat. bagaimanapun harap maaf code2 terpaksa dibuat dlm format picture, maka terpaksalah anda menyalinnya sendiri.

    sebarang masalah, jangan segan silu malu2 kucing tuk bagitau.~lalala~

    ReplyDelete