Loading

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.

0 comments:

Post a Comment