Membuat Read More Pada Blogger

Tutorial lama tapi mari kita pelajari, Tidak seperti dulu yang sedikit membuat sendiri fungsi agar ada read more, baca selengkapnya atau yang lainnya, tapi kali ini kita gunakan fasilitas read more yang sudah ada di blogger yang bernama "Jum-Break".
Fungsi jump-break sendiri sudah ada sejak lama entah anda menyadarinya atau tidak, tapi untuk penggunaannya akan secara otomatis bila menggunakan template standar yang disediakan oleh blogger. Jika anda suka ganti-ganti template atau edit-edit sendiri atau malah buat sendiri, mungkin perlu di tambahkan sedikit kode biar bisa terintegrasi dengan jump break blogger.

fungsi jump break

jika anda menggunakan tema custom atau hasil otak-atik anda sendiri dari download maka anda perlu sedikit melakukan konfigurasi pada html nya.
seperti biasa klik tab rancangan (atau tab template jika anda menggunakan bahasa inggris), kemudian klik edit html.
Sebelum mengedit centang " Expand Template Widget " agar semua fungsi template di tampilkan.
cari baris kira-kira yang seperti ini.

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


Kemudian tambahkan kode baris berikut dibawahnya.



<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>

Sehinnga menjadi seperti berikut.

Jangan lupa untuk menyimpan template dan nimati kemudahan baru.. ^_^
Semoga bermanfaat dan membantu.


Powered by Danz