Cara Membuat Read More / Baca Selengkapnya

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) :


#p^#data:post.body/^#/p^

4. Kalau sudah ketemu, Ganti kode kode tersebut sehingga menjadi seperti ini:

#b:if cond='data:blog.pageType == "item"'^
#style^.fullpost{display:inline;}#/style^
#p^#data:post.body/^#/p^
#b:else/^
#style^.fullpost{display:none;}#/style^

#p^#data:post.body/^#/p^

#a expr:href='data:post.url'^Read More......#/a^
#/b:if^

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:

#span class="fullpost"^

#/span^

8. Kemudian Simpan.

9. Ketika memposting, kan disana ada 2 tab pilihan tuh, yang "Compose" dan "Edit Html", Nha km pilih Yang "Edit HTML", Maka secara otomatis akan tampak kode seperti berikut :

#span class="fullpost"^

#/span^

10. Letakkan abstraksi posting atau artikel yang akan ditampilkan dihalama utama (sebelum tulisan "Redmore") diatas kode ini : #span class="fullpost"^ sementara sisanya yaitu keseluruhan posting letakkan di antara kode #span class="fullpost"^ dan #/span^

11. Ini yang paling penting diantara semua proses diatas yaitu ..... Selesai..... he..he..he.. :D
Selamat Mencoba...

Keterangan: Pada pengcopyan script diatas ke blog kamu, ganti simbol # dengan < dan ^ dengan >
Posted by adhi lesmana at 9:19 PM
Email This BlogThis! Share to Twitter Share to Facebook Share to Google Buzz
0 comments:

Post a Comment

Newer Post Older Post Home
Subscribe to: Post Comments (Atom)
Followers
Blog Archive

* ▼ 2010 (6)
o ► November (2)
+ Online...online...
+ Pasang Jam di Blog
o ▼ October (4)
+ Cara Membuat Read More / Baca Selengkapnya
+ Cara Membuat Read More / Baca Selengkapnya
+ Cara Menulis Kode HTML pada Kolom Komentar
+ Cara Buat Teks Bergerak (Marquee) di Blog

About Me
My Photo

adhi lesmana
Ich bin man

View my complete profile

Picture Window template. Powered by Blogger.