Monday, May 1, 2017

Cara membuat readmore versi baru blogger 2017 No JS (Kode baru)

Kalau dulu membuat readmore memang masih menggunakan JS (kalau secara otomatis) karena dari pihak blogger belum mempunyai kode untuk memotong sebagian teks dari posting secara otomatis (agar menjadi readmore).

Nah entah tahun 2015 atau 2016 blogger merilis sebuah kode yang gunanya untuk membuat readmore juga yaitu kode data:post.snippet dengan kode ini semua artikel akan tampil sedikit sekitar 140 karakter saja.

Nah setelah kode tersebut dirilis sekarang (2017) pihak blogger merilis kode baru lagi untuk membuat readmore tapi dengan sedikit kode yang berbeda. Dibawah ini kodenya

Kode readmore terbaru versi 2017 Tanpa JS

<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
Kelebihan kode ini adalah kita bisa mengatur berapa panjang karakter yang ingin kita tampilkan, jika ingin agak panjang maka anda tinggal ubah angkanya menjadi 200 atau mungkin 300, jika ingin pendek buat saja menjadi 50 atau 80 karakter saja.

Cara menggunakan kode readmore

Cari kode <data:post.snippet/> anda kemudian ganti dengan kode diatas.

Kodenya cari sesuai kode yang anda gunakan pada halaman "index" ya, karena pada beberapa template masih ada yang menggunakan JS sebagai pemotong teks (Untuk membuat readmore).

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
EmoticonEmoticon