Senin, 13 Agustus 2012

Membuat Readmore Pada Blog

adverticement
Buat Read More Otomatis blog. Cara membuat auto read more atau readmore otomatis ada beberapa cara mulai dari yang mudah sampai yang sulit, dari yang tinggal klik Menu Insert Jump Break sampai yang memakai javascript. pada kesempatan kali ini akan di bahas semuanya bagaimana cara buat read more atau yang biasa di Baca Selengkapnya dalam bahasa Indonesia.

Mana yang lebih enak, memakai Insert Jump Break atau memakai atau memakai javascript? 
semua cara mempunyai kelebihan dan kekurangan masing-masing. jika  Menu Insert Jump Break, caranya mudah hanya tinggal klik pada Menu tapi harus dilakukan terus menerus setiap membuat postingan baru. disamping itu kita harus menentukan sendiri dimana letak potongan (break) pada setiap artikel baru. hal ini tidak akan terjadi jika kita memakai javascript karena kita tidak perlu menentukan dimana letak break pada setiap postingan baru tapi hanya menentukan berapa jumlah huruf yang akan ditampilkan pada display. tapi dengan cara javascript perlu hati-hati dalam embeded di expand HTML mode.

Jadi harus memakai cara yang mana ?
semuanya terserah kawan-kawan semua. kalau cara  Buat Read More Otomatis yag dipakai penulis adalah dengan javascript karena hanya dilakukan sekali saja.

Bagaimana cara membuat  link Baca Selengkapnya tersebut ?

Cara 1
Membuat Readmore dengan  Menu Insert Jump Break.
ketika membuat entri baru pada blogspot, tulis beberapa baris kalimat yang mewakili isi postingan tersebut kemudian klik  Insert Jump Break pada Menu pada Mode Compose.

Membuat Readmore Pada Blog

dan jika memakai mode HTML kita tambahkan kata <--more--> (ditambah tanda seru seperti pada gambar dibawah ini) setelah kita tulis beberapa baris kalimat yang mewakili isi postingan tersebut.

Membuat Readmore Pada Blog


Cara 2
 Membuat Readmore dengan javascript
1. masuk ke Menu Template blogspot (jangan lupa untuk backup template dulu, buat jaga2)
2. klik Edit HTML kemudian klik Lanjutkan
3. jangan lupa klik Expand Template Widget
4. cari kode dan taruh script dibawah ini diatas kode tersebut.



Catatan:
- untuk mengubah banyaknya teks pada display posting silahkan diatur nilai pada summary_noimg dan summary_img.
- untuk ukuran tinggi dan lebar gambar silahkan diatur nilai pada img_thumb_height dan img_thumb_width.

5. kemudian cari kode  Photobucket taruh script dibawah ini diatas kode tersebut.



Catatan : untuk kata READMORE pada script diatas bisa diganti dengan kata Baca Selengkapnya atau Baca Lebih Lengkap atau lainnya sesuka Anda. Link tersebut yang akan muncul di display posting.

demikian artikel Cara Membuat Readmore Pada Blog. silahkan mencoba dan semoga berhasil.
gambar diatas ambil disini

Ida Qurotulainis

tips ngeblog tim

2 komentar:

 

Copyright @ 2013 Tips ngeBlog.