Selasa, 28 Mei 2013
0 komentar

Mempersingkat Posting Dengan Read More

Saya sudah cukup lama merasa gerah dengan post di blog saya yang panjaaaaang banget...
sudah lama niat mencari cara menambahkan more/read more/baca selanjutnya/baca selengkapnya (atau apalah sesuai selera), karena fitur ini tidak disediakan blogger (tanya kenapa?) padahal wordpress menyediakannya...
niatan ini tak kunjung saya laksanakan... sampai hari ini...

caranya sebagai berikut:

=========
Langkah Pertama:

Login dulu ke blogger anda. Kemudian anda Klik pada LAYOUT >>TEMPLATE>>Edit HTML. Setelah masuk ke editor HTML disana anda akan melihat script code yang memusingkan. Jangan takut ga usah dipikirin. JANGAN LUPA! Centang dulu checklist Expand Template Widget. Kemudian cari kode dengan cara Find di browser anda untuk kode di bawah ini:
<p><data:post.body/></p>

Jika sudah ketemu, maka ganti kode diatas dgn kode dibawah ini:

<!-- Read More -->
<b:if cond='data:blog.pageType == "item"'>
<style>div.fullpost{display:inline;} </style>
<p><data:post.body/></p>
<b:else/>
<style>div.fullpost{display:none;} </style>
</b:if>
<!-- End Read More -->

Dibawah kode diatas, temukan kode dibawah ini:

<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

Setelah kode: <div style='clear: both;'/> <!-- clear for photos floats -->

simpan kode dibawah ini:

<!-- Read More -->
<b:if cond='data:blog.pageType != "item"'>
<p><data:post.body/></p>
<a expr:href='data:post.url'><b>Read More... </b></a> </b:if>
<!-- End Read More -->

Untuk text "Read More", anda bisa mengganti dengan kata-kata yang anda suka. Misalnya:Baca Selanjutnya..., Seterusnya...., Lihat selengkapnya..., dsb. dsb. Sesuai selera anda.

Setelah itu klik SIMPAN TEMPLATE.

SELESAI? Belum. Tenang dulu, sabar….
Anda harus mengikuti langkah berikutnya (langkah kedua), di bawah ini:

Langkah Kedua :

Anda harus edit dulu terlebih dahulu posting anda, di jendela edit posting, pilih Edit HTML (bukan "Compose") anda tinggal menambahkan tulisan <div class="fullpost"> paragraph yang akan di singkat, kemuadian di tutup dengan </div> di akhir paragrafnya. Sehingga semua paragraf yang ada diantara . <div class="fullpost"> dan </div> akan disingakt menjadi “Read More…”.

Contoh:

Ini adalah contoh penulisan headline untuk pengantar sebelum Read More. bla..bla..bla.. kemudian bla.. bla.. bla

<div class="fullpost">

Perubahan layout pada artikel agar dapat muncul Read More ternyata tidak sulit. Jadi tidak perlu takut dan bingung kalau hanya sekedar merubah kode-kode yang berbahasa dewa itu. Oke?!

</div>
Sehingga hasinya kalau dilihat:

Ini adalah contoh penulisan headline untuk pengantar sebelum Read More. bla..bla..bla.. kemudian bla.. bla.. bla

Read More…

Selamat mencoba…..

0 komentar:

Poskan Komentar

 
Toggle Footer
Top