Header Ads

Tutorial meletakkan butang 'read more' pada blogger/blogspot

Blogger telah menyokong fungsi Read More…untuk menjadikannya berfungsi lebih baik untuk kemudahan para blogger. Blogger juga telah menambah satu lagi fungsi iaitu “Jump Break" atau "More" atau butang "Baca lebih lanjut" yang mempunyai fungsi memendekkan artikel pada laman utama atau dikenali sebagai "fungsi Read more…".



Ini bermakna, untuk memendekkan artikel yang panjang di laman utama web anda, anda hanya perlu klik butang "Jump break". Walau bagaimanapun, butang ini hanya muncul pada ‘new post editor’ dan dalam mod "Compose", dan tidak boleh digunakan dalam mod "Edit HTML". Walaubagaimanapun, anda boleh  menggunakan "read more function" pada editor post yang lama serta dalam mod "" Edit HTML "dengan menaip secara manual kod: <- more ->


Kalau anda menggunakan template yang asal dari blogger, anda boleh terus menggunakan kaedah di atas dan hasilnya text “ Read more » “  anda seperti yang tertera di bawah:


Jika anda tidak menggunakan template asal dari blogger, misalnya, anda memuat turun dari laman web lain, "read more function" masih akan berfungsi dengan baik. Dalam erti kata lain, artikel anda akan menjadi ringkas dan pendek, tetapi perkataan "Read more» "tidak akan muncul. Untuk kes ini, anda perlu menambah kod tambahan untuk template anda. Berikut adalah langkah-langkahnya.:

  1. Log in ke Blogger dengan ID anda
  2. Pilih & Tekan Layout.
  3. Pilih & Tekan tab Edit HTML  
  4. Tandakan kota kecil dengan teks  " Expand Widget Template ". Perhatian!!! Jika anda tidak tandakan kota tersebut, anda tak akan nampak kod yang diperlukan.
5.Cari kod seperti di bawah:

<div class='post-body entry-content'>
      <data:post.body/>
      <div style='clear: both;'/> <!-- clear for photos floats -->
    </div>

Salin dan tampal (copy& paste) kod di bawah betul2 selepas kod di atas :

<b:if cond='data:post.hasJumpLink'>
      <div class='jump-link'>
        <a expr:href='data:post.url + &quot;#more&quot;'><data:post.jumpText/></a> 
      </div>
    </b:if>


6. Tekan  butang SAVE TEMPALTE  
7. Selesai

Dengan cara di atas, perkataan  “Read more »" akan muncul walaupun anda tidak menggunakan template asal dari blogger.


Secara dasarnya, perkataan yang muncul adalah  “Read more »”, tetapi anda boleh menukar perkataan tersebut sesuka hati anda. Begini caranya:

1. Log in ke blogger dengan ID anda
2. Tekan Layout.
3. Tekan Page Elements tab
4. Tekan  "Edit" pada  "Blog posts" Element

5. Selepas paparan baru muncul, tukar perkataan “Read more” dengan ayat anda sendiri.




6.      Tekan butang SAVE
7.      Selesai



No comments

Boleh komen jika mahu, boleh LIKE jika suka. TERIMAKASIH.

Powered by Blogger.