Cara Baru Membuat Read More / Baca Selengkapnya di Blogger

Assalamualaikum...sobat blogger kali ini saya akan share cara untuk membuat readmore atau baca selengkapnya pada blogspot..

“”
 »»


Kini Blogger sudah menyedikan fasilitas "Jump Break" atau tombol more untuk memotong homepage atau sering kita sebut fungsi "readmore"

 

Jadi untuk sekarang anda tidak perlu repot - repot untuk mengganti kode html pada template anda..
untuk anda yang berhasil mengaplikasikan cara dari saya ini sudah dapat di lihat hasil nya seperti gambar di bawah ini.

Bagi anda yang tidak menggunakan template asli yang disediakan oleh blogger akan tetapi hasil download dari situs lain tinggal menambahkan kode html berikut langkah - langkahnya ;

1. login ke blogger menggunakan id anda.
2. Klik tata letak
3. Klik edit html
4. Beri tanda centang pada tulisan "Expand Template Widget"

     5.  Carilah kode html seperti di bawah ini ;

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

      6.  Lalu Copy Paste kan kode ini tepat dibawah kode diatas;

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

klik tombol simpan template dan rebes deh..he,,

Secara default tulisan yang akan muncul adalah " Read more » ", namun sobat blogger bisa mengubahnya, caranya seperti ini :

1.    Silahkan login ke blogger dengan ID anda gan.
2.    Klik Tata Letak.
3.    Klik tab Elemen Halaman.
4.    Klik "Edit" pada elemen "Posting Blog" atau "Blog post" untuk yang bahasa inggris.

setelah jendela baru muncul tinggal di edit tulisan Readmore menjadi kata yang menurut sobat blogger pas..
kemudian klik tombol simpan dan selesai..he,,

Demikian tutorial singkat saya semoga bermanfaat,,
saya mhon komentarnya mengenai blog saya ini karena itu sangat penting demi kemajuan blog saya ini,
Wassalam..