Menambah link “Read More” pada postingan

update 20 Febuari 2006 : ralat koding untuk bagian style sheet. sebelumnya
Karena menurutku petunjuk ini penting, maka aku nyoba menjelaskannya dalam bahasa Indonesia. Karena baru pertama kali bikin petunjuk seperti ini, harap dimaklum kalo ada yang membingungkan. just tell me in your comment here, jadi bisa ditindaklanjuti..=)

tertulis: “……” yang seharusnya tertulis “……”

update 14 Febuari 2006 : nyoba lagi pake Internet Explorer (IE) 7 The Beta 2 Preview link read morenya bisa terlihat.pengguna IE, kalau mau, upgrade IEnya jadi IE7 =)

update 12 Febuari 2006 : untuk sementara (insyaAllah) tips ini baru bisa berjalan kalo menggunakan browser Firefox. baru ketahuan hari ini (12 Febuari 2006) setelah 3 minggu “mengudara” ^_^; mudah2an bisa ditemukan solusinya insyaAllah, ditunggu jg ya sarannya.

Petunjuk menambah link “Read More” pada artikel di blog Anda [untuk Blogger user]:


pastikan bahwa option “Enable Post Pages” untuk blog Anda sudah aktif [caranya liat bagian Settings-->Archiving-->Enable Post Pages? jika dalam kondisi "No", rubah menjadi "Yes"]
Kemudian lihat bagian Template–>Edit Current. Kita akan melakukan sedikit modifikasi pada kode template blog Anda. Untuk mengantisipasi kesalahan yang mengakibatkan kerusakan pada layout, jangan lupa untuk membackup kode template Anda! [copy paste kode template awal Anda ke Notepad dan simpan di tempat yang mudah Anda temukan].
Kita akan menambah beberapa baris kode CSS pada style sheet template Anda. Selanjutnya copy-pastekan kode CSS berikut:

a.more{display:none;}span.fullpost {display:none;}span.fullpost + a.more{display:inline;}span.fullpost + div + a.more{display:inline;}span.fullpost {display:inline;}style sheet dapat ditemukan pada bagian atas template Anda dan terletak diantara tag html . pastikan bahwa Anda meletakkannya di antara kedua tag tersebut.


langkah selanjutnya adalah menambahkan link “Read More” pada main page blog Anda. masih pada kode template blog Anda, kita akan memodifikasi area sekitar <$BlogItemBody$> sehingga menjadi seperti berikut:

<$BlogItemBody$>Read more...

lalu simpan dengan menekan tombol “Save Template Changes” lalu Republish blog Anda.


Saat Anda akan membuat post baru, tambahkan kode ini di post Anda:
contoh penggunaannya:

Ini adalah bagian awal dari post ini Dan ini adalah lanjutannya.


hasilnya setelah di-publish adalah sebagai berikut:

Ini adalah bagian awal dari post ini Read more…

Kalau link “Read More” di klik maka akan menuju halaman yang menampilkan keseluruhan teks:

Ini adalah bagian awal dari post ini. Dan ini adalah lanjutannya.

jika Anda tidak ingin repot-repot menuliskan tag setiap akan membuat post baru, Anda bisa memanfaatkan fungsi “Post Template” yang disediakan Blogger, sehingga ketika Anda membuat post baru, tag tersebut sudah tersedia otomatis. caranya lihat bagian Setting–>Formatting–>Post Template. Isi text box di samping tulisan “Post Template” dengan tag tersebut. Kemudian klik tombol Save Settings lalu Republish blog Anda. Karena tag tersebut adalah kode HTML, Anda baru akan bisa melihatnya di area “Edit HTML”.
selamat mencoba.