‘Read More…’ untuk layout posting di Blogger

Posted on 17 September 2007. Filed under: tips dan trik |

Beberapa kerabat netter yang sudah mulai gandrung dengan blogger, sering bertanya “gimana sih nampilkan posting supaya yang muncul pertama itu Head Line-nya saja dan bisa dilanjutkan dengan klik pada ‘Read More…’?”. (Khusus untuk Template Baru, bukan Template Clasik).

Hal ini juga pernah teralami oleh saya sendiri. Akhirnya saya dapat tips dari teman2 blogger yang baik-baik ini. Maka saya pun menggunakan itu. Dan buktinya sekarang sudah tampil sebagaimana yang diharapkan. Caranya ?

Langkah Pertama:

Login dulu ke blogger anda. Kemudian anda Klik pada LAYOUT >>TEMPLATE>>Edit HTML. Setelah masuk ke editor HTML disana anda akan melihat script code yang memusingkan. Jangan takut ga usah dipikirin. JANGAN LUPA! Centang dulu checklist Expand Template Widget. Kemudian cari kode dengan cara Find di browser anda untuk kode di bawah ini:

<div class=’post-header-line-1′/>
<div class=’post-body entry-content’>

Atau pada template lain bisa saja kode seperti dibawah ini :

<div class=’post-header-line-1′/>
<div class=’post-body’>

Jika sudah ketemu, maka copy-kan dibawahnya kode dibawah ini:

<!– Perubahan 1 –>
<b:if cond=’data:blog.pageType == “item”‘>
<style>.fullpost{display:inline;} </style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;} </style>
<!– End Perubahan1 –>

Dibawah kode diatas, temukan kode dibawah ini:

<p><data:post.body/></p>
<div style=’clear: both;’/> <!– clear for photos floats –>
</div>

Setelah kode: <p><data:post.body/></p> simpan kode dibawah ini:

<a expr:href=’data:post.url’><b>Read more… </b></a> </b:if>

Untuk text “Read More“, anda bisa mengganti dengan kata-kata yang anda suka. Misalnya:Baca Selanjutnya…, Seterusnya…., Lihat selengkapnya…, dsb. dsb. Sesuai selera anda.

Setelah itu klik SIMPAN TEMPLATE.

SELESAI? Belum. Tenang dulu, sabar….
Anda harus mengikuti langkah berikutnya (langkah kedua), di bawah ini:

Langkah Kedua :

Klik PENGATURAN >>klik Format. Cari Box isian TEMPLATE POSTING. Nah! Pada kotak isian itu anda harus memasukkan kode dibawah ini:

</span>

di dalam kotak editor anda. Sebenarnya ini boleh dibuat, boleh juga tidak. Bedanya, kalau dibuat, maka setiap anda posting baru, pasti muncul script diatas pada editor blogger anda. Nah!, langkah berikutnya adalah memulai membuat posting. Agar postingan anda bisa muncul “Read More…”, caranya sbb:

Head line, atau pengantar artikel anda harus disimpan sebelum kode ini ==>
<span class=”fullpost”>. Sedangkan isi lengkapnya anda simpan di antara kedua tag kode tsb. Contoh :

Ini adalah contoh penulisan headline untuk pengantar sebelum Read More. bla..bla..bla.. kemudian bla.. bla.. bla

<span class=”fullpost”>
Perubahan layout pada artikel agar dapat muncul Read More ternyata tidak sulit. Jadi tidak perlu takut dan bingung kalau hanya sekedar merubah kode-kode yang berbahasa dewa itu. Oke?!

</span>

Kemudian klik pada MEMPUBLIKASIKAN POSTING. Lihat hasil postingan anda di LIHAT BLOG.Maka jreng…! jreng…! horeeee…berhasil! berhasil…! berhasil…! (kata Dora the Explorer). Hehehehe.

CATATAN: jika tidak muncul, atau munculnya masih tidak karuan, biasanya ada masalah di tag HTML-nya. Yaitu kode <span class=”fullpost”> terulang-ulang di setiap paragraf. hapus saja <span class=”fullpost”> pengulangan ini. kode ini hanya boleh ditulis satu kali, yaitu di paragraf kedua atau tiga, dan ditutup di akhir artikel (harus paling akhir) ditutupnya dengan </span>. Kode penutup “tag penutup” ini harus disimpan di paling bawah halaman artikel. Pokoknya tidak boleh ada huruf apa pun di akhir, kecuali tag ini.

Mudah2an bisa membantu….salam…

Make a Comment