Cara Buat READMORE/FULLSTORY

Assalamualaikum,
bertemu lagi kita di bulan ramadhan Al-Mubarak ini, semoga hidup ini di berkati yang maha esa..amin...

Ok, dalam entry kali ini saya akan terangkan bagaimana nak buat READMORE/BACA SETERUSNYA/ FULL STORY , sebenarnya tutorial ni di buat bagi menjawab soalan HAMBA ALLAH , yang menanyakan cara-cara membuat Readmore tersebut. Baiklah dah sedia pen dan kertas?..:)

1. Login ke Blogspot.

2. Pilih Layout - Edit HTML (Tanda kotak Expand Widget).

3. Download Full Template sebelum mengedit blog.

4. Sekarang cari <data:post.body/> atau <p><data:post.body/></p> dan ganti/tukarkan dengan Kod di bawah :-

<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>
<a expr:href='data:post.url'>Baca Selanjutnya..</a>
</b:if>

5. Save template.

6. Sekarang pergi pula ke Settings - Formatting.

7. Masukkan kod di bawah ini ke dalam Post Template.

Taip di sini untuk bahagian paparan ringkas.
<div class="fullpost">
Selanjutnya taip di sini untuk paparan penuh.
</div>

8. Save settings.

Untuk mencubanya, anda mulakan topik baru anda dengan menggunakan mod Edit HTML sewaktu menulis. Jika kod yang sama seperti di atas berada di dalam kotak, maknanya anda sudah berjaya membuat baca selanjutnya. Semoga berjaya...

Cara yang kedua ialah seperti berikut :-


1. Login ke Blogspot.

2. Pilih Layout - Edit HTML (Tanda kotak Expand Widget).

3. Download Full Template sebelum mengedit blog.

4. Cari kod </head> , dan letakkan kod di bawah ini, di atas kod </head>

<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>

5. Kemudian cari pula kod ini <p><data:post.body/></p> dan letakkan pula kod ini di bawahnya :-

<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'> Read More..</a>
</b:if>

6. Klik Simpan. Selesai.
7. Klik SETTINGS, terus klik FORMATTING atau Format. Di bawah ada kotak kosong di samping menu TEMPLATE POSTING. Isi kotak kosong dgn kod berikut:

<span class="fullpost">

</span>

8.Jangan lupa klik SIMPAN

Semoga berjaya!