BUAT READ MORE


Blog anda terlalu panjang? Ingin pendekkan sikit? Jom buat read more.. Ikuti step by step tutorial di bawah.

1. Sila LOGIN ke blogger.
2. Setelah masuk ke Dashboard, klik Layout
3. Kemudian klik pada edit HTML di bahagian atas.
4. Pastikan anda klik Download full template sebagai langkah berjaga-jaga.
5. Setelah selesai download, sila klik Expand Widget Templates.
6. Copy Code di bawah dan paste di atas </head>

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


7. Setelah selesai Step di atas, Cari Code di bawah pula.

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


8. Kemudian Copy code di bawah dan paste di bawah code di atas.

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


9. Klik save. Selesai bahagian pertama.
10. Kita pergi kepada bahagian ke 2 pula.

11. Klik Setting di bahagian atas.
12. Kemudian pilih Formatting, scroll down ke bahagian bawah.
13. Copy code di bawah dan paste di dalam Box “Post Template”:

<span class="fullpost">
</span>


14. Save. Selesai. Tamat bahagian ke 2.

15. Anda sudah selesai buat segalanya. Maka anda perlu tahu cara nak posting artikel supaya Read More dapat di apply.

Setiap kali anda ingin posting artikel, anda lihat bahagian Edit Html(bukan compose), Di bahagian Edit Html sudah disediakan Code berikut:

<span class="fullpost">
</span>



Cara nak post ialah seperti berikut:


Selamat datang ke blog saya, saya membuat blog ini ialah untuk berkongsi macam-macam dengan anda.
<span class="fullpost">

jom layan blog saya hari-hari.
</span>



Perenggan bahagian atas code
<span class="fullpost">
akan dipaparkan pada muka depan, manakala ayat di bawah code
<span class="fullpost">
akan tersembunyi. Maksudnya bila klik read more, barulah ia akan dipaparkan.

Sekian TQ.



Tag
Blog tutorial blog untuk beginner basic easy mudah senang belajar blogger top cantikkan blog tutorial simple Berita pelik berita aneh berita misteri berita amazing berita terkini berita gila berita inspirasi berita malaysia berita luar negara berita menarik fcucommunity fcuwidget widget cute widget comel freebies free widget widget cool widget cantik widget tepi blog fcu kamiblogger contest pertandingan peraduan top blogger super top blogger