7/25/2019 Cara Membuat Read More Otomatis Tanpa Javascript

1/3

Cara Membuat Readmore OtomatisRingan di Blog

By Seocips on 22:25

Cara Membuat Readmore Otomatis di Blogger. Sebenarnya banyak cara pemasangan readmore otomatis pada

blog, ada yang hanya menggunakan kata-kata, gambar, dll. Tetapi kali ini saya akan share tentang cara membuat

readmore otomatis yang hanya menggunakan kata-kata agar tidak mengurangi loading blog kita.

Read moredalam bahasa indonesia yaitu " Baca Selengkapnya " dan fungsi read more itu sendiri adalah

meminimalis penggunaan halaman blog agar terlihat lebih rapi dan menarik. ead more otomatis ini akan memotong

tampilan depan artikel yang pan!ang dan anda bisa menentukan berapa banyak huruf yang akan ditampilkan di

halaman depan

Cara Membuat Readmore Otomatis di Blog

. #i Blog Bloggernya sobat

2. $ilih template %& klik edit html

'. (ari kode )*head& +gunakan (T atau ' untuk mempermudah pencarian/

0. etakkan kode diba1ah ini diatas kode )*head& , ngka yang be1arna merah merupakan ukuran gambar

postingan, bisa anda ubah sesuai keinginan

)script type%3te4t*!aascript3&

ar thumbnail6mode % 78uot9float78uot9 9

summary6noimg % 59

summary6img % 59

img6thumb6height % ;9

http://www.seocips.com/2014/01/cara-membuat-readmore-otomatis-ringan.htmlhttp://www.seocips.com/2014/01/cara-membuat-readmore-otomatis-ringan.htmlhttp://www.seocips.com/2014/01/cara-membuat-readmore-otomatis-ringan.htmlhttp://www.seocips.com/2014/01/cara-membuat-readmore-otomatis-ringan.html

7/25/2019 Cara Membuat Read More Otomatis Tanpa Javascript

2/3

img6thumb61idth % 29

)*script&

)script type%3te4t*!aascript3&

**)tmlTag+b,a/?if+b.inde4@f+")"/TG%c9

**AA&

)*script&

Heterangan kode ber1arna merah:

summary6noimg % banyaknya huruf !ika tidak ada gambar

summary6img % banyaknya huruf !ika ada gambar

img6thumb6height % Ikuran tinggi gambar

img6thumb61idth % Ikuran lebar gambar

5.Selan!utnya cari kode )data:post.body*& + !ika sebelumnya anda telah memasang readmore maka hapus kode

readmore yang lama dan !ika kode )data:post.body*& silahkan di coba satu persatu / dan Janti kode tersebut

dengan kode diba1ah ini

)b:if cond%3data:blog.pageType

7/25/2019 Cara Membuat Read More Otomatis Tanpa Javascript

3/3

)*b:if&)*b:if&

)b:if cond%3data:blog.pageType %% 78uot9item78uot93&

)data:post.body*&

)*b:if&

)b:if cond%3data:blog.pageType %% 78uot9static6page78uot93&)data:post.body*&)*b:if&

M. Tulisan eadmore bisa anda ganti sesuai dengan keinginan anda.

N. Simpan template dan ihat hasilnya.

Sekian mengenai (ara Gembuat eadmore @tomatis ingan di Blog - (ara Gembuat eadmore @tomatis di Blog

semoga bermanfaat.