Cara Buat Read More...

Beberapa waktu yang lalu saya mendapat email dari sdr Pascal yang menanyakan cara menampilkan "read more" dalam teks posting.Sebenarnya untuk mencari artikel yang membahas hal ini tidak sulit. Cari di google atau yahoo search engine dengan memasukkan kata kunci "cara membuat read more di blogger", maka akan muncul daftar artikel yang berhubungan dengan hal tersebut. Tapi jika tidak mau repot, bisa mengikuti yang telah saya lakukan berikut ini.

Tahap Pertama
1. Silahkan Login ke Blogger sesuai Blog anda.

2. Masuk ke menu Layout, lalu Edit HTML. Download template anda untuk jaga-jaga, barangkali ada perubahan yang tidak anda kehendaki anda dapat kembali pada template yang lama.

3. Centang kotak kecil didepan Expand Widget Templates

4. Cari tag } ]]></b:skin>. Jika sulit mencarinya anda dapat memanfaatkan fungsi Find. Caranya: klik di sembarang tag, kemudian tekan (control+F). Di layar kiri bawah akan muncul fungsi Find ini. Copy script } ]]></b:skin> kemudian paste di kotak Find. Otomatis akan ditunjukkan tag yang dimaksud.

5. Tambahkan kode dibawah ini diantara tag } ]]></b:skin> dan </head>.

<style> <b:if cond="'data:blog.pageType"> span.fullpost {display:inline;} <b:else/> span.fullpost {display:none;} </b:if> </style>

6.Selanjutnya cari tag <p><data:post.body/></p> dan tambahkan kode berikut ini.

<b:if cond="'data:blog.pageType"> <a href="'data:post.url'"> Read More..</a> </b:if>

7. Istilah Read More.. dikode diatas dapat anda ganti dengan Baca Selengkapnya.., Kelanjutannya Disini.., Klik Disini.., dll,terserah anda

8. Simpan template.

Tahap Kedua (Saat Posting)
1. Setiap posting anda harus menyiapkan kalimat terpotong yang akan ditampilkan di kolom posting dan kalimat kelanjutannya. Pengetikan harus dilakukan di mode Edit HTML bukan Compose. Sekali lagi di mode Edit HTML bukan Compose

2. Ketik kalimat terpotong yang akan ditampilkan di kolom posting, lantas tambahkan kode berikut ini

<span class="fullpost">

3. Ketik kalimat lanjutannya,dan tambahkan kode berikut ini

</span>

4. Publikasikan posting anda

Berikut contoh pengetikan posting (di mode Edit HTML):

Pagi ini saya menerima artikel tentang membuat Read More.. yang saya tunggu-tunggu. Tidak sabar rasanya ingin segera mencoba. Maka begitu saya baca,langsung saya praktekkan. Tapi apa yang terjadi. Setelah saya praktekkan, Ternyata sungguh diluar dugaan saya. <span class="fullpost"> Ketika saya lihat blog saya, meski telah sering melihatnya di blog orang lain,saya masih tidak percaya bahwa akhirnya blog saya juga bisa menampilkan posting seperti mereka. Saya masih terkesima ketika banyak artikel saya mendapat respon banyak orang. Hanya karena kata Read More... itu saya ganti dengan Bom Disini..</span>

Hasil posting yang muncul :

Pagi ini saya menerima artikel tentang membuat Read More.. yang saya tunggu-tunggu. Tidak sabar rasanya ingin segera mencoba. Maka begitu saya baca,langsung saya praktekkan. Tapi apa yang terjadi. Setelah saya praktekkan, Ternyata sungguh diluar dugaan saya. Boom Disini...

Hasil posting setelah Boom Disini... diklik :

Pagi ini saya menerima artikel tentang membuat Read More.. yang saya tunggu-tunggu. Tidak sabar rasanya ingin segera mencoba. Maka begitu saya baca,langsung saya praktekkan. Tapi apa yang terjadi. Setelah saya praktekkan, Ternyata sungguh diluar dugaan saya. Ketika saya lihat blog saya, meski telah sering melihatnya di blog orang lain,saya masih tidak percaya bahwa akhirnya blog saya juga bisa menampilkan posting seperti mereka. Saya masih terkesima ketika banyak artikel saya mendapat respon banyak orang. Hanya karena kata Read More... itu saya ganti dengan Bom Disini..

Catatan Penting :
1. Jika anda kesulitan menghapal kode posting, anda bisa senantiasa menampilkan kode tersebut dalam kolom posting Edit HTML anda. Caranya:

a. Masuk ke menu Setting/Pengaturan. Klik Format.
b. Pada layar paling bawah, ada text area kosong (berupa kotak kosong) disamping Post Template, isi kotak kosong tersebut dengan kode di bawah ini :

<span class="fullpost">

</span>

c. Simpan Pengaturan.
d. Maka setiap anda masuk menu posting baru, dan Edit HTML, kode tersebut akan keluar. Anda tinggal ngetik sebagaimana cara posting diatas.

2. Setelah anda memasang kode-kode diatas, semua artikel anda akan muncul pesan Read More..

Semoga Bermanfaat.