Membuat Readmore

Posted by rike on 0

Readmore berfungsi untuk melakukan pemenggalan kalimat agar tampilan sebuah posting dapat dipersigkat. Hal ini mirip sekali dengan koran, artikel berita akan lebih padat dan beragam, sehingga pembaca tidak merasa bosan untuk menikmatinya. Begitu pula dengan postingan sebuah blog, defaulnya posting akan menampilkan seluruh entry dalam sebuah judul posting. Coba bayangkan jika sebuah posting yang panjang ditampilkan, tentu menyita ruang untuk posting lainnya. Padahal posting lain yang kamu masukkan tidak kalah penting dengan posting yang panjang tadi.

Agar hal tersebut tidak terjadi dalam blog kamu, maka perlu trik supaya posting blogger dapat dipersingkat. Caranya dengan menambah dan memodifikasi pengaturan format dan template blogger kamu. Sebagai catatan sebaiknya kamu menggunakan browser Firefox atau yang lainnya, kecuali Internet Explorer untuk menghindari terjadinya galat. Daripada kita ngelantur kemana-mana, langsung saja dimulai trik blogger tentang readmore, yaitu :

Klik tab Pengaturan --> Format

Di layar paling bawah, ada text area kosong disamping tulisan Template Posting, isi area kosong tersebut dengan kode di bawah ini :

<span class="fullpost">

</span>

Simpan pengaturan format

Pilih tab Tata Letak --> Edit HTML --> centang "Expand Template Widget"

Sebelum melakukan edit template, sebaiknya simpan dulu template kamu yang ada dengan meng-klik tulisan Download Template Lengkap. Kemudian simpan dalam harddisk atau media penyimpanan lainnya, sehingga jika terjadi hal-hal yang tidak diinginkan kamu sudah memiliki back-up untuk mengembalikannya seperti semula.

Cari kode berwarna merah di bawah ini :

<p><data:post.body/></p>

Tips : Kalau susah mencarinya, coba tekan tombol F3 di keyboard. Maka akan timbul menu toolbar pencarian di bawah browser (Firefox), sehingga kamu tinggal memasukkan kata yang ingin dicari.

Ganti semua kode berwarna merah diatas dengan kode berikut :

<b:if cond='data:blog.pageType == "item"'> <style>.fullpost{display:inline;}</style> <p><data:post.body/></p> <b:else/> <style>.fullpost{display:none;}</style> <p><data:post.body/> <a expr:href='data:post.url'><strong>Readmore...</strong></a></p> </b:if>

Untuk kode yang bertanda hijau dapat kamu ganti dengan kata yang kamu kehendaki seperti Selengkapnya..., Lanjutannya..., Klik disini untuk melanjutkan..., Baca selengkapnya..., dan sebagainya. Atau kamu bisa menghilangkan atribut <strong> ... </strong> agar tulisan Readmore tidak menggunakan huruf tebal.

Jangan lupa di simpan.

Contoh :

Isi semua posting :

Readmore berfungsi untuk melakukan pemenggalan kalimat agar tampilan sebuah posting dapat dipersigkat. Hal ini mirip sekali dengan koran, artikel berita akan lebih padat dan beragam sehingga pembaca tidak merasa bosan. Begitu pula dengan postingan sebuah blog, defaulnya posting akan menampilkan seluruh entry dalam sebuah judul posting. Coba bayangkan jika sebuah posting yang panjang ditampilkan, tentu menyita ruang untuk posting lainnya. Padahal posting lain yang kamu masukkan tidak kalah penting dengan posting yang panjang tadi.

Penambahan kode :

Readmore berfungsi untuk melakukan pemenggalan kalimat agar tampilan sebuah posting dapat dipersigkat. Hal ini mirip sekali dengan koran, artikel berita akan lebih padat dan beragam sehingga pembaca tidak merasa bosan. Begitu pula dengan postingan sebuah blog, defaulnya<span class="fullpost"> posting akan menampilkan seluruh entry dalam sebuah judul posting. Coba bayangkan jika sebuah posting yang panjang ditampilkan, tentu menyita ruang untuk posting lainnya. Padahal posting lain yang kamu masukkan tidak kalah penting dengan posting yang panjang tadi.</span>

Hasil yang ditampilkan :

Readmore berfungsi untuk melakukan pemenggalan kalimat agar tampilan sebuah posting dapat dipersigkat. Hal ini mirip sekali dengan koran, artikel berita akan lebih padat dan beragam sehingga pembaca tidak merasa bosan. Begitu pula dengan postingan sebuah blog, defaulnya

Readmore...

Catatan :

Kode <span class="fullpost"> dan </span> akan muncul, jika kamu melakukan entry posting dalam model edit HTML

Kode <span class="fullpost"> diletakkan setelah posting yang akan kamu tampilkan di halaman utama blog, sedangkan </span> diletakkan pada akhir posting.

Pemenggalan kalimat sebaiknya diatur dengan baik dan sebisa mungkin penggalan tersebut menimbulkan rasa penasaran pengunjung blog kamu untuk meng-klik-nya.

Trik Blogger ini hanya berlaku untuk posting yang baru, sedangkan posting lama tetap seperti biasanya kecuali kamu melakukan edit terhadap posting lama tersebut.

Posting yang berkaitan :