MEMBUAT READ MORE PADA BLOGSPOT

Posted: Januari 27, 2009 in Uncategorized
Tag:, , ,

Read More pada BLOGSPOT / BLOGGER Versi Lama.

Cara membuat / bikin READ MORE / BACA SELANJUTNYA / BACA SELENGKAPNYA atau ringkasan / abstraksi posting di blogspot / blogger lama atau template classic.

Bagi Anda yg sudah membuat blog dan sudah memposting sejumlah entry, mungkin terpikir oleh Anda bahwa postingan Anda terlalu panjang sehingga tak menarik dilihat pengunjung. Apabila ada niat untuk menyingkat posting yg ada di halaman muka supaya lebih menarik dan lebih “catchy” dan judul-judul lain pun jadi lebih visible di mata pengunjung sehingga mereka lebih “betah” lagi nongkrong di blog Anda. Sistem ini disebut post-summary. Maka, ikuti petunjuk step by step berikut:

(1) Setelah log-in di blogger.com, klik judul blog Anda. Setelah itu, klik SETTING, terus klik ARCHIVING. Di situ ada menu ENABLE POST PAGES? –> klik YES. Jangan lupa klik SAVE CHANGES dan REPUBLISH YOUR BLOG.

(2) Klik lagi SETTINGS, terus klik FORMATTING. Di paling bawah ada kotak kosong di samping menu POST TEMPLATE. Isi kotak kosong tsb dg kode berikut:

<span class=”fullpost”></span>

Jangan lupa klik SAVE SETTINGS dan REPUBLISH.

(3) Klik menu TEMPLATE.
Di bagian paling atas terdapat kode-kode HTML yg diawali dg

<style>

</style>

Taruh kode berikut persis di atasnya kode

</style>

<MainOrArchivePage> span.fullpost {display:none;}
</MainOrArchivePage><ItemPage> span.fullpost {display:inline;}
</ItemPage>

(4) Setelah itu, pasang kode berikut:

<MainOrArchivePage><br /> <a href=”<$BlogItemPermalinkURL$>”
mce_href=”<$BlogItemPermalinkURL$>”>Read more!</a>
</MainOrArchivePage>

Letakkan kode di atas ini persis setelah kode berikut: Untuk mengurangi kebingungan Anda, kode:

<$BlogItemBody>

letaknya berada di bawah kode ini:

</blogitemtitle>
<div class=”post-body”>
<div>

(5) Klik SAVE SETTINGS dan apabila sudah ok, klik REPUBLISH. (Jangan klik
REPUBLISH, sebelum SAVE SETTINGS-nya selesai secara sempurna).

(6) Selesai.

CARA MEMPOSTING
Ketika memposting, klik EDIT HTML. Maka, secara otomatis akan tampak kode

<span class=”fullpost”></span>

Letakkan posting yg akan ditampilkan di halaman muka di atas kode sementara sisanya (yakni keseluruhan entry), letakkan di antara kode

<span class=”fullpost”> dan </span>.

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s