Membuat Read More versi 2

Diposting oleh mantpi

Lho? maksudnya apa? gini lho kalo read more yang lama,

yang sudah pernah dibahas kita bahas dulu (udah baca belum?,

kalo belum baca dulu gih disini ), kan kalo kita ng-klik tulisan

read more atau Baca Selengkapnya itu kita akan membuka

halaman baru sehingga akan meloading lagi halaman web kita,

ya tho?. Nha Read more yang ini, yang akan kita bahas

ini nggak gitu cara kerjanya, cara kerjanya yaitu berangkat

jam 08.00 pagi pulang jam 16.00 WIB (emangnya PNS) :

D Gini lho cara kerjanya :

Di trik Read more yang baru ini, kita akan membuat link Read

more yang jika kita meng-klik link tersebut, maka keseluruhan

artikel akan terpampang dibawahnya, jadi tidak perlu meload

ke halaman yang lain, contohnya disini. Piye? uenak tho? z

bagi yang sudah kebelet ingin menyimak trik ini silahkan langsung

ikuti trik berikut ini (langsung loncat dua baris ke bawah).

Dan bagi yang kebelet mo pipis silahkan ke kamar mandi dulu :D

Berikut ini langkah-langkahnya:

1. Login ke Blogger
2. Pilih Layout --> Edit HTML
3. Kamu mau memback-up template kamu dulu nggak?,

kalo iya kilik tulisan Download Template lalu simpan.
4. JBeri tanda centang pada kotak yang bertuliskan Expand

Template Widget
5. Kopi kode berikut ini dan taruh tepat diatas kode

6. Sudah? sudah belum? ditanya kok diam aja gimana sih ? :x
7. Kalo sudah cari kode dibawah ini

(letaknya kira-kira di bagian tengah kebawah. yak terus..terus..

Nha disitu ketemu kan kodenya?)

8. Nha dibawahnya kan ada kode gini

Nha ganti kode tersebut menjadi seperti ini:

9.Terus dibawahnya kan kan ada kode gini <

10. Tembahkan kode ini dibawahnya.

11. jadi seluruh kodenya akan menjadi seperti ini :

12. Tulisan 'Selengkapnya' dan 'Ringkasan' bisa diganti dengan apa

aja kata yang kamu suka.
13. Lalu simpan template.
14. Pilih menu Setting -->> Formatting
15. Di bagian bawah ada kotak yang disampingnya ada tulisan

"Post Template", dan isikan kode dibawah ini ke dalamnya lalu

simpan setting.

selesai....

Ohya, kalo memposting pilih yang "Edit Html", letakkan abstraksi posting

yg akan ditampilkan di halaman muka di atas kode sementara sisanya yaitu keseluruhan posting letakkan di antara kode
dan

Trus bagaimana bagi yang sudah pakai 'read more' yang lama dan

pingin ganti dengan 'read more' yang baru ini?
gini caranya:

'Read more' yang lama kan kodenya seperti ini :

hapus text yang berwarna biru, lalu ikuti langkah-langkah diatas.
oh ya jangan lupa ikuti langkah berikut ini
1. Pilih menu Setting -->> Formatting
2. Di bagian bawah ada kotak yang disampingnya ada tulisan

"Post Template", dan isikan kode dibawah ini ke dalamnya lalu

simpan setting.

bedanya apa sama read more yang dulu? perhatikan text yang

berwarna merah, kalo dulu kan tulisannya "class" sekarang ganti

menjadi "id".

Gimana? Sudah bisa belum?
Pinter.... anak siapa siiihhh??? duh lutunya :$

Cara Membuat Read More

Diposting oleh mantpi

Biasanya postingan terbaru akan ditampilkan dihalaman utama blog.

Namun jika postingan kamu terlalu panjang maka hal tersebut

akan membuat penuh halaman utama. Jika kamu ingin

supaya postingan kamu yang ditampilkan dihalaman utama cuma

abstraksinya saja kemudian ada sebuah link Read More /

Baca Selengkapnya untuk melihat selengkapnya maka

ikutilah langkah-langkah berikut :
1. Buka menu Layout kemudian pilih Edit HTML.
2. Kasih tanda cek (centang) pada cekbox "expand widget template"
3. Cari kode berikut di Template blog kamu (tempatnya kira-kira

pada 1/4 bagian bawah kode hmtl) :

kalo dah ketemu maka dibawahnya

ada kode ini :

4. Kalau sudah ketemu, Ganti kode yang ini

menjadi seperti ini :

Tulisan "Read More....." itu bisa kamu rubah, misalnya jadi

"Baca Selengkapnya".

5. Simpan hasil pengeditan.
6. Kemudian pilih menu Setting lalu pilih Formatting
7. Pada kotak Post Template isikan kode berikut: