Cara membuat Posting atau Read More

Dalam tutorial ini Anda akan mempelajari bagaimana untuk men-tweak blog Anda tanpa ada javascript untuk mendapatkan efek yang sama. Semua posting akan menampilkan ringkasan singkat, diikuti dengan link "Read More". Mengklik tombol "Read More"-Link ini akan membawa ke halaman pos dengan pos teks penuh.

Langkah 1: Back up template Anda
Buka Layout | Edit HTML-tab pada Dashboard Anda, dan . Klik Download Full Template ke harddisk. Sehingga jika ada yang tidak beres, anda bisa meng-upload lagi template Anda dan tidak akan ada masalah sama sekali.

Langkah 2: Memodifikasi kode template
Jangan lupa centang pada kotak Expand Widget Templates
Cari potongan kode berikut:

<div class='post-body entry-content'>

<data:post.body/>

<div style='clear: both;'/> <!-- clear for photos floats -->

</div>

Tambahkan beberapa baris kode, ikuti seperti contoh dibawah ini:

<div class='post-body entry-content'>

<b:if cond='data:blog.homepageUrl == data:blog.url'>

<style type='text/css'>.restofpost {display:none;}</style>

</b:if>

<data:post.body/>

<b:if cond='data:post.link'>

<a expr:href='data:post.link'>Read more...</a>

<b:else/>

<b:if cond='data:post.url'>

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

</b:if>

</b:if>

<div style='clear: both;'/> <!-- clear for photos floats -->

</div>

Sekarang simpan template Anda.

Langkah 3: Memodifikasi template posting Anda
Dalam Pengaturan Blog Anda, Anda dapat memodifikasi template posting.
Ubah ke:

<div class="summary">Type summary here</div>

<div class="restofpost">Type rest of post here</div>

Dan simpan pengaturan Anda.