Long Posting? Use 'Read More' Script!

Setelah berjalan-jalan ke beberapa blog, beberapa blog saya jumpai masih menampilkan posting yang panjang pada halaman depannya. Saya coba melihat blognya agus cuprit, sepertinya senang posting yang panjang2. Yah mungkin mantan aktivis BEM UNS jadi butuh posting yang panjang (mungkin). Setelah itu mampir di ke blognya agung andri....capee deh. Postingnya panjang amat (Amat aja nggak panjang, hehehe). Sempat berpikiran, ini mungkin tugas akhirnya kali ya. Jalan lagi... mampir ke halaman full cupu-cupu-nya Dian Kresna. Eh... ketemu lagi posting panjang. Kenapa sih pada seneng bikin visitor main scroll? Memang sengaja panjang atau nggak tau cara motongnya ya? Mungkin penjelasan berikut bermanfaat. Silahkan baca ya.
Mengapa pada halaman surat kabar, ditampilkan banyak judul? Jawabnya pasti! supaya pembaca tertarik dan banyak pilihan bacaan. Lalu, apakah semua berita di halaman pertama langsung selesai? Jawabnya pasti juga! Tidak! Kebanyakan surat kabar meneruskan beritanya pada halaman lain. Cukup sekilas saja diberikan pada halaman depan supaya pembaca dapat melihat sedikit gambaran dari keseluruhan isi berita. Bagaimana jadinya kalau yang ditampilkan di hal depan cuma 1 berita saja? Kalau kebetulan orang tertarik, pasti dibeli/dibaca. Kalau nggak tertarik? dan malas buka2 halaman? so pasti emoh baca dan beli.
Begitu juga dengan weblog ato blog. Kalau pengunjung disuguhi satu macam posting, kalau menarik, pasti dibaca. Kalau tidak menarik? ya paling absen trus 'pulang'.
Nah bagaimana cara membuat introtext trus menyembunyikan sebagian besar yang lain? supaya pengunjung tidak jenuh. Berikut langkah2nya.
(catatan: hanya berlaku pada template klasik blogger)
Pertama, buka account blogger anda sampai mendapatkan dashboard.
Kedua, pilih menu layout, pilih submenu edit HTML.
muncul script yang dipakai pada blog Anda. jangan lupa, beri centang pada Expand widgets templates.
Ketiga, copy script berikut dan pastekan persis diatas </style> dalam script template anda.
==================================
<MainOrArchivePage>
div.fullpost {display:none;}
</MainOrArchivePage>
<ItemPage>
div.fullpost {display:inline;}
</ItemPage>
==================================
Ketiga, copy dan paste script berikut setelah kode <$BlogItemBody$>:
==================================
<MainOrArchivePage><br/>
<a href="<$BlogItemPermalinkURL$>">Read more!</a>
</MainOrArchivePage>
==================================
Keempat, Klik tombol yang bertuliskan SAVE SETTINGS
Kelima, Langkah selanjutnya adalah klik menu Setting, klik submenu Formatting.
Dibagian bawah menu tersebut ada kotak di samping tulisan Post Template, nah silahkan isi kotak kosong tersebut dengan kode di bawah ini :
==================
<div class="fullpost">

kelanjutan posting tulis DISINI!

</div>
==================
Sebenarnya langkah diatas tidak wajib dilakukan,akan tetapi ini di maksudkan agar ketika kita mau posting artikel, kode tersebut akan muncul secara otomatis tanpa harus di tulis dahulu, tentunya ini akan lebih mempermudah dan tidak harus selalu mengingat kode tersebut. Kemudian jangan lupa klik tombol Save Settings
Penulisan script selesai

Cara mem-posting Artikel
Sesudah beberapa tahap kita lalui, sekarang kita masuk ke tahap bagaimana cara memposting suatu artikel agar ada menu Readmore nya.
Pertama, Klik menu Posting, pilih yang tab Edit HTML, nah di sana secara otomatis akan tampak kode yang kita simpan tadi, seperti ini.
==================
<div class="fullpost">

tulis kelanjutan posting DISINI!

</div>
==================
masukkan paragraf posting yang ingin ditampilkan sebagai intro text sebelum kode <div class="fullpost">, kemudian masukkan sisa keseluruhan artikel diantara kode <div class="fullpost"> dan kode </div>.

Contoh:

Ini adalah contoh posting yang di copypaste pada awal artikel yang akan selalu muncul pada blog kita, sedangkan tulisan yang lainnya tidak akan muncul.
<div class="fullpost">
dan posting yang ini adalah kelanjutan yang akan muncul ketika para pengunjung meng klik link yang bertuliskan Read more. Terus aja sampe posting habis.
</div>

Hasilnya yang akan tampak pada blog kita adalah seperti ini :

Ini adalah contoh posting yang di copypaste pada awal artikel yang akan selalu muncul pada blog kita, sedangkan tulisan yang lainnya tidak akan muncul.

Read more!


Sudah jelaskan. bila belum jelas silahkan di tanyakan kembali pada komentar. Kalau sudah jelas pun ga ada salahnya tulis komentar. OKE?

Sedikit kreatif, kata Read more! sebenarnya bisa kita ganti sesuai dengan keinginan kita, misalkan kita rubah menjadi Baca selengkapnya..., Selengkapnya.., Lanjutannya... atau apa saja yang penting kata tersebut bisa memberi tahu kepada para pengunjung bahwa artikel kita ada kelanjutannya.

Kode di atas sebenarnya ada alternatif lain, yakni memakai kode Span, jika berminat, ganti semua kode div menjadi Span. Hasilnya akan sama, cuma bagi para sobat yang suka posting pada menu compose, kode ini sering ada masalah dikarenakan bertabrakan dengan perintah lain yang memakai kode Span.