Tutorial meletakkan butang 'read more' pada blogger/blogspot

aynora nur | 03 November, 2011,10:08 AM |
Advertisement
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



Aynora Nur adalah seorang penulis blog separuh masa, terlibat dalam bidang hartanah dan perkhidmatan – di Johor, Malaysia. Lulusan MBA. Aktif berblog sejak tahun 2010. Hubungi saya untuk Promosi produk dan servis • Entry kekal di blog • • Pakej mengikut bajet • Daily PV : 35,000 - 45,000 • Monthly PV : 1.1juta - 1.5juta. Info lanjut di about me ...
 
loading...
0 Komen untuk "Tutorial meletakkan butang 'read more' pada blogger/blogspot"
DISCLAIMER: All content provided on this "Aynorablogs.Com – Inspirasi Wanita" blog is for informational purposes only. The owner of this blog makes no representations as to the accuracy or completeness of any information on this site or found by following any link on this site. The owner of Aynorablogs.Com – Inspirasi Wanita will not be liable for any errors or omissions in this information nor for the availability of this information. The owner will not be liable for any losses, injuries, or damages from the display or use of this information. This terms and conditions is subject to change at anytime with or without notice.

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

Kisah 25 Filsuf Barat (MATLUTHFI)!! Harga cuma RM22.50 (Asal RM25.00)!

Buat Duit Blog
Back To Top