Ketika kita masih newbie dalam belajar blog, pasti menjumpai masalah dimana postingan yang kita buat akan muncul semuanya dihalaman utama. Hal itu akan terkesan membuat jenuh dan ribet. Untuk itu, saya akan mencoba membuat sebuat tutorial tentang cara membuat Read More (Baca Selengkapnya) pada blog yang anda buat.
Langkah-langkahnya seperti berikut:
1. Buka Rancangan ==> Edit HTML.
2. Memberi tanda centang pada Expand Template Widget.
3. Untuk keamanan apabila ada kesalahan, backup dahulu template yang ada dengan
cara copy semua dan paste di notepad atau MS Word.
4. Cari kode berikut dengan cara ketik CTRL + F
<div class='post-header-line-1'/>
<div class='entry'>
5. Letakkan kode berikut di bawah kode HTML diatas
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
6. Cari kode berikut yang ada di bawah kode pada langkah no 5
<p><data:post.body/></p>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
7. Masukkan kode berikut di tengah-tengah <p><data:post.body/></p> dan </b:if> kemudian di save.
<a expr:href='data:post.url'>Baca Selengkapnya ...</a>
8. Buka Pengaturan (Setelan) ==> Formating (Format) dan cari Templat Entri, lalu
masukkan kode berikut
<span class="fullpost">
</span>
9. Hasilnya seperti berikut
<div class='post-header-line-1'/>
<div class='entry'>
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href='data:post.url'>Baca Selengkapnya ...</a>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
10. Cara melakukan posting
Paragraf yang ditampilakan di halaman utama
<span class="fullpost">
paragraf yang akan di sembunyikan sebagai Read More (Baca Selengkapnya) di bagian ini
</span>
Semoga berhasil.
0 komentar:
Posting Komentar