Membuat "readmore" untuk Blogspot

Salah satu cara untuk mempercantik blog adalah memotong postingan yang terlalu panjang. untuk pengguna blogger.com ada cara gampang untuk mengakalinya.

Untuk blogspot, saat ini memiliki 2 jenis template yang memiliki 2 jenis bahasa programing yang jelas berbeda, HMTL programing dan XML programing atau yang lebih dikenal dengan classic template dan new template. Untuk membedakannya, silahkan Anda masuk ke bagian Tab Template yang ada di bagian atas control panel blogspot. jika Anda menggunakan classic template, maka Anda akan langsung dipertontonkan baris baris HTML programing. Jika Anda menggunakan new template, maka Anda akan dibawa ke halaman "Page element" atau "element halaman", tanpa embel embel code.

1. Classic Template (HMTL)

Untuk membuat "read more" di classic template hanya membutuhkan 3 langkah saja

- Pertama yang harus Anda lakukan adalah menuju halaman Template.
copy code berikut ini, lalu paste-kan tepat di atas kode </style>

<MainOrArchivePage>

span.fullpost {display:none;}

</MainOrArchivePage>

<ItemPage>

span.fullpost {display:inline;}

</ItemPage>

- Langkah kedua, carilah kode berikut : <$BlogItemBody$>

Tepat di bawah kode <$BlogItemBody$> , masukkan code berikut

<MainOrArchivePage><br />

<a href="<$BlogItemPermalinkURL$>">Lanjutkan...</a>

</MainOrArchivePage>

Lalu save template Anda

- Langkah ketiga, langkah ini digunakan di saat kita posting saja. Aaat posting, masuklah ke Tab Edit HMTL (berada di sebelah Tab Compose ), masukkan code berikut

Contoh penggunaan code tersebut adalah :

tulisan yang akan ditampilkan
<span class="fullpost">
tulisan yang akan di potong
</span>

Lalu publish posting Anda.

2. New template (XML)

Untuk pengguna New template yang berbasiskan XML, silahkan Anda masuk ke bagian template. Lalu Klik tab Edit HTML. setelah masuk ke bagian Edit HTML, carilah tulisan expand widget template, di sebelah tulisan tersebut ada sebuah box kecil, beri centang pada box tersebut dengan cara meng-kliknya, maka akan keluar sebuah pop up, dan klik OK,lalu tunggu beberapa saat.

Mulai dari sini kita akan bekerja.

1. Carilah code data:post.body dengan cara menekan Ctrl+F dan masukkan code tersebut kedalam box yang muncul.

2. Copy dan paste-kan code di bawah ini, tepat diatas kode tersebut

<b:if cond='data:blog.pageType == "item"'>

<style>.fullpost{display:inline;}</style>

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

<b:else/>

<style>.fullpost{display:none;}</style>

3. Lalu tepat di bawah code data:post.body tersebut copy-pastekan code berikut

<a expr:href='data:post.url'>Read More......</a>

</b:if>

4. Setelah itu, save template Anda

Untuk membuat 'readmore', langkahnya sama dengan classic template di atas.

Selamat mencoba dan salam nge-blog.

*** (Ilham)