cara membuat readmore versi 3 ( Blogger Help)

Teman-teman. ada cara simple sekali dalam membuat Read More pada blogger, secara tidak sengaja saat membuat postingan, saya mencoba mencari tahu ada apa aja yang bisa diberikan dari Blogger Help dan tidak sengaja membuka halaman tentang readmore blogger. Buat teman-teman yang mungkin berminat menggunakan cara membuat readmore di blogger , bisa ikuti prosedur berikut:

1. Login ke dashboar blogger
Pilih Tata Letak -> Edit Html




2. Cari kode berikut

  <data:post.body/>


3. Coba anda lihat di bagian bawah kode tersebut, apakah sudah ada kode berikut
(Biasanya jika menggunakan template bawaan blogger, sudah ada kode di bawah ini, jika belum ada masukkan kode berikut di bawah kode yang terdapat pada langkah 2

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

4. Hasilnya mirip seperti di bawah ini

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


5. Selanjutnya, Pada dashboard pilih Elemen halaman
Pada bagian Posting Blog ,klik Edit


6. Pada bagian Teks tautan laman entri
Anda bisa mengganti Tulisan " baca selengkapnya " menjadi "readmore" atau kata yang ingin anda tampilkan sebagai pengganti read more


Simpan perubahan di atas, dengan menekan tombol Simpan

7. Selanjutnya Di dasboard pilih Posting -> Entri baru
Anda aktifkan Mode "Edit HTML"
pada bagian teks yang akan dipenggal masukkan kode berikut:

     <!-- more -->


Catatan:
1.Teks sebelum script "more" akan ditampilkan, sedangkan teks setelah script "more" akan disembunyikan
2. Penulisan script more perhatikan tanda - dan more ada spasi.


Catatan:
Agar anda tidak berulang menuliskan script <!-- more --> pada setiap membuat entri (postingan baru) maka anda bisa memasukkan script <!-- more --> tersebut ke template entry

Pada Dashboard pihh Tata letak -> Format


Di bagian template entri masukkan script <!-- more --> 
Jika anda membuat entri baru (lihat langkah 7, maka secara otomatis script tersebut akan muncul di entri baru anda.

0 komentar:

Post a Comment