Monday, May 15, 2017

Cara membuat readmore Terbaru tanpa JS 2017

Read More merupakan salah satu cara untuk membuat tampilan postingan lebih terlihat simple dan enak dilihat karena terlihat rapi. membuat read more secara otomatis dulu masih menggunakan js,karena blogger tidak punya kode atau belum mengeluarkan kode untuk memotong teks di postingan kita secara otomatis agar bisa menjadi read more.

seiring berkembangnya jaman,blogger mengeluarkan kode untuk membuat readmore yaitu kode data:post.snippet dengan catatan bila menggunakan kode tersebut teks akan di batasi berjumlah 150 karakter.

Ditahun 2017 blogger akhirnya mengeluarkan kode untuk membuat readmore dengan sedikit perubahan kode

Kode terbaru readmore tanpa JS 2017

<b:eval expr='data:post.body snippet { length: 150, links: false, linebreaks: false, ellipsis: false }'/>
KodePenjelasan
lengthPanjang karakter teks isi dengan angka sesuai dengan yang anda inginkan
linksKode HTML link - Pilihan true / false - Jika true maka kode html link akan tampil sebagai link hidup
linebreaksKode baris baru - Pilihan true / false - Jika true maka baris baru pada artikel akan terbaca
ellipsisTanda titik titik - Pilihan true / false - Jika true maka tanda tanda titik-titik dibelakang teks akan muncul


dengan kode kita bisa mengatur berapa panjang karakter yang ingin kita tampilkan, jika ingin menambah panjang teks tinggal mengubah angka 200 atau mungkin 300, jika ingin memperpendek ubah dengan 60 sampai 80 karakter saja.

Memanggil kode readmore

Cari kode <data:post.snippet/> kemudian ganti dengan kode di bawah ini:
<b:eval expr='data:post.body snippet { length: 150, links: false, linebreaks: false, ellipsis: false }'/>

Sekian untuk tutorial membuat readmore terbaru 2017. oiya masih ada beberapa template yang masih menggunakan JS sebagai pemotong teks,jadi cari kode yang sesui di halaman kalian.

0 comments

Post a Comment

Nulis Kode
KODE
Jika ingin memasukan gambar gunakan tag
[img]url gambar[/img]
Jika Video
[youtube]URL Video[/youtube]
Jika kata - kata mutiara gunakan
[blockquote]Kata-kata Anda[/blockquote]
Emoticon
:) :( =( ^_^ :'( =D T_T :Q @@ :P \o/ \m/ <3 0:) ^o^ :-bd :-d :-a (y)
Convert Code

Iklan Tengah Post