Membuat Read More atau Baca Selengkapnya

Mungkin sudah tidak uptodate ya, sudah banyak yang menulis, dari mas Rohman, Mas Isnaini, yang sudah pakar dalam hal oprek blogger dan pernak-perniknya. Tapi, pasti masih banyak yang belum tahu, saya publish lagi, membuat read more atau baca selengkapnya.

Blogger lama dan blogger baru sebenarnya sama mekanismenya. Kita membuat style dalam tag head, kemudian mengaplikasikannya ke dalam postingan. Tentunya, karena blogger baru berbasis xml, beda dengan blogger klasik yang html saja, ada perbedaan dalam pembuatan read more.

Untuk Blogger Lama,
Tambahkan kode berikut dalam style css halaman.
Berada dalam tag<style type="text/css"> </style>

<MainOrArchivePage>
span.fullpost {display:none;}
</MainOrArchivePage>
<ItemPage>
span.fullpost {display:inline;}
</ItemPage>


Pada halaman, edit htmlnya: cari bagian <$BlogItemBody$>, kemudian tambahkan secript sebagai berikut:

<MainOrArchivePage>
<a href="<$BlogItemPermalinkURL$>">[ Read More ]</a>
</MainOrArchivePage>

Sedangkan untuk Blogger xml, ada perbedaan parameter. Buka dulu layout --> template --> edit html. Maka akan keluar tag penyusun halaman. Supaya keluar semua, check expand widget template supaya keluar semua tag penyusun halaman.

Tambahkan kode berikut pada tag head, di luar <b:skin>[[cdata.

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

Kemudian tambahkan kode berikut dalam tag <p><data:post.body/>[ di sini kode...]</p>

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


Terakhir, buatlah template pada postingan. Caranya, buka setting, formating, pada form template masukkan kode berikut:
<span class="fullpost">

</span>

dengan menuliskan kode ini, maka tiap kali posting, akan ada tanda span seperti itu. Kita juga bisa melakukannya secara manual, yaitu setiap kali posting, kalau mau bikin readmore, tingggal ketikkan span class="fullpost" tadi.

Untuk paragraf pertama, yang akan tampil di list, sperti postingan ini, tempatkan di atas span, sedangkan yang lainnya, tempatkan di dalam span.

silakan mencoba.

rererensi: isnaini.com, kolom-tutorial.com