Sunday, July 20, 2008

Membuat Read more di Blogspot

Memotong text yang terlalu panjang dengan read more atau sering baca selengkapnya,
Langkah-langkahnya sebagai berikut:
1. Klik layout


2. Edit html
3. Klik expand widget

4. Cari kata <div class='post-header-line-1'/>
<div class='post-body'>

5. Copy and paste code berikut dibawah code diatas
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
6. Cari code berikut <p><data:post.body/></p>
copy and paste code berikut dibawahnya <a expr:href='data:post.url'>Read More......</a>
</b:if>
Langkah terakhir klik setting, format dan tambahkan di kotak template, <span class="fullpost">

</span>
Seperti gambar dibawah ini untuk memudahkan pada saat posting, code ini di sisipkan di tengah dimana text yang mau dipotong, <span class="fullpost"> kemudian code ini </span> di akhir postingan. dan jangan lupa untuk mempublishnya