Selasa, 01 Februari 2011

Membuat read more

Membuat readmore atau menyingkat tulisan di blog, maksudnya memberikan tanda “Read More…” Atau “Baca Selengkapnya…” atau cukup “Selengkapnya…” di bawah tulisan kita yang dipersingkat. Agar tulisan yang panjang tidak seluruhnya tampil biar tidak memakan tempat.
To the point saja, di bawah ini merupakan langkah-langkah cara menyingkat tulisan atau memasang readmore di Blogger baru (layout template):
  • Klik layout -> template -> edit HTML. Lalu beri tanda ceklis pada “Expand Widget Templates”.
  • Karena masing-masing struktur template berbeda maka pada kotak Edit Template cari salah satu kode berikut:


atau

atau
Untuk mencari kode tersebut, jika Anda menggunakan browser firefox cara mencarinya cukup mudah tinggal copy salah satu kode yang akan dicari tersebut, tekan CTRL + F di tempat pencarian (di edit html blog Anda) lalu paste kode yang akan dicari di area Find: yang akan muncul setelah menekan CTRL + F dan otomatis kode yang Anda cari jika sesuai akan langsung ditemukan. Jika belum menggunakan firefox silahkan download dulu disini.
  • Kalau sudah ketemu; Tahap pertama (ada dua tahap) kita copy-paste kode berikut,






Paste dibawah salah satu kode berikut yang ada pada template blog Anda,


atau

atau
  • Tahap kedua, copy kode berikut,


Read more...

Paste dibawah kode

  • Kalo petunjuk di atas sudah dilakukan, maka hasilnya akan seperti ini: (perhatikan warna biru sebagai kode tambahan)










Read more�



  • Jika sudah klik SAVE TEMPLATE.
  • Dari menu TEMPLATE kita pindah menu; klik Settings (Pengaturan) >Formatting (Format). Dibagian bawah ada tulisan Post Template (Template Posting), isi kotak dipinggirnya dengan kode berikut:

Klik SAVE (Simpan Pengaturan).
  • Terakhir, setiap akan mempublish postingan, klik Edit HTML dan sisipkan kode tersebut diantara postingan yang akan ditampilkan dan disembunyikan. Contoh,
  • Ini merupakan paragraf pertama isi postingan Anda. dan ini merupakan paragraf selanjutnya postingan Anda yang tidak akan terlihat kecuali link read more di klik oleh pengunjung blog Anda.
  • Kode tersebut disimpan paling akhir tulisan (postingan) Anda!.
Silahkan dicoba!
________________
Masih pake template classic…?!? Klik disini cara membuat readmore untuk template classic.
PS: Saat akan mempublish postingan usahakan tidak ada tag lain selain readmore berikut dan , jika ada akan mengakibatkan terjadi kecelakaan dahsyat readmore tidak berfungsi dengan baik. Caranya edit postingan pada edit html jangan di Compose.

0 komentar:

Posting Komentar