Tips blogger: cara untuk buat 'read more'..

Ini adalah tips percuma untuk para blogger(pengguna blogspot) yang mempunyai artikel yang panjang.Kadang-kadang saya rasa boring apabila nak buka blog-blog yang mempunyai banyak posting dan posting itu pulak panjang-panjang.Masa loading terlalu lama. Bagi yang menggunakan blog wordpress tak perlu pakai tips ini kerana widget untuk 'read more' telah disediakan.Untuk dapatkan tips ini..sila baca habis posting ini..:))..percuma jer

Ikuti langkah ini..sebelum sila back up templates dulu.

Ada 3 langkah besar yang utama.

Langkah 1

1. Buka menu Layout kemudian pilih Edit HTML.
2. sila klik pada box "expand widget template"
3. Cari kod berikut di Template blog anda

<div class='post-body entry-content'>

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


4-Apa anda jumpa kod tadi,sila gantikan/replacekan dengan kod di bawah

<div class='post-body entry-content'>
<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'>Read More......</a>
</b:if>


5-Jika siap sila save kan ..

Langkah 2



1-Pergi ke tab menu setting dan pilih formatting.(lihat rajah di atas)
2-Dan pilih function post template di bahagian bawah. sila masukkan kod di bawah di dalam kotak form yang disediakan.

<span class="fullpost">

</span>


3-Apabila Siap dan terus save setting. Fungsi kod ini ialah untuk memudahkan anda apabila membuat posting (edit html bukan compose) nanti.Kod ini akan muncul dalam kotak posting artikel.

Langkah 3

1-Sila masukkan 2 kod ini di dalam posting anda(edit html).Kod ini sebenarnya akan keluar secara automatik apabila anda ingin membuat posting artikel.

kod 1-(kod read more)
<span class="fullpost">

Sila masukkan kod ini di akhir hujung artikel untuk dipaparkan di bahagian depan.

2-Sila masukkan kod 2 di bawah di akhir perkataan penulisan anda.Penutup kepada 'read more'.

kod 2.
</span>

*p/s-sila lihat rajah yang disediakan jika kurang faham..

Selesai sudah dan selamat mencuba..

3 Responses
  1. my log Says:

    salam. trima kasih atas tutorial ni.. really helpful. thanx kindly again


  2. Ibn Uthman Says:

    insya-Allah..byk lagi nak kongsi...tunggu ajelah..


  3. tak sangka lak blogspot leh wak read more..tq banyak2..

    http://dialogpicture.blogspot.com


Post a Comment