Kaedah Membuat "Read More..." di Blogger

Beberapa teman blogger telah bertanya saya mengenai bagaimana membuat link "Read More..." seperti yang terdapat dalam blog saya ini. Kata mereka, ianya cukup bermanfaat untuk mereka memperkemaskan paparan blog mereka agar tidak kelihatan berserabut jika mereka menulis entri yang panjang. Sebenarnya untuk blogger yang menggunakan wordpress, ia adalah mudah kerana telah tersedia automatik di dalam template. Namun bagi blogger (yang menggunakan blogspot), ia perlukan sedikit trik untuk menghasilkan itu. Itu? Apa 'itu'? Oh, link "Read More..." lah :$.

Justeru... nah, demi teman-teman yang dikasihi semua :D saya dengan ini ingin memberikan tips untuk membuat itu (link "Read More..."). Sebenarnya sudah agak lama juga baru akhirnya kali ini saya berikan panduannya di sini :p. OK, jangan merepek yang bukan-bukan lagi. Ayuh kita mulakan! :y Begini...

1. Buka menu Layout kemudian pilih Edit HTML.

2. Berikan tanda (check) pada "Expand Widget Template".

3. Cari kod berikut </head> di dalam template anda (Kalau mahu mudah tekan Ctrl+F pada keyboard, kemudian copy dan paste kod yang ingin dicari).

4. Kemudian copy kesemua kod dari halaman ini sebelum kod tersebut.

5. Seterusnya cari pula kod di bawah ini (yang berwarna gelap) dan tambahkan kod-kod (yang berwarna merah) seperti contoh di bawah.

<div class='post-body' expr:id=' "post-" + data:post.id' >

<b:if cond='data:blog.pageType == "item"'>

<style>#fullpost{display:inline;}</style>

<p><data:post.body/></p>

<b:else/>

<style>#fullpost{display:none;}</style>

<p><data:post.body/></p>

<span id='showlink'>

<a expr:href='data:post.url'>Read More......</a>

</span>

<script type='text/javascript'>
checkFull("post-" + "<data:post.id/>");

</script>

</b:if>

<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

6. Sekarang pergi ke menu Settings seterusnya ke Formatting. Di bahagian bawah halaman tersebut anda akan berjumpa dengan kotak teks yang berlabel "Post Template". Copy dan paste barisan perkataan di bawah (yang berwarna merah) ke dalam kotak teks tersebut dan terus save (simpan) tetapan tersebut.

Type your summary here

<span id="fullpost">

Type rest of the post here

</span>

7. Langkah yang terakhir ialah...

Mana ada lagi, dah selesai sudah. Hehe.. :p Baiklah, anda sudah boleh cuba untuk menulis entri (post) baru dengan pergilah ke menu Posting dan pada bahagian penjuru kanan atas kotak teks pilih Edit HTML. Nanti anda akan perhatikan terdapat tulisan seperti berikut...

Type your summary here (Ganti dan tulis ringkasan entri anda yang ingin kelihatan di sini)
<span id="fullpost">
Type rest of the post here (Ganti dan tulis entri anda yang selebihnya di sini)
</span>

Sekian saja untuk kali ini. Kalau ada masalah, sudi-sudilah tinggalkan komen anda di kotak komentar di bawah entri ini. Selamat mencuba! ;)

...

Posted in: Blogger Tips