Fungsi "Readmore/baca selengkapnya" pada posting di sebuah blog adalah untuk menghemat halaman depan website/blog agar tidak terlalu panjang, selain itu juga dapat merangsang pengunjung untuk membaca lebih lanjut salah satu posting di halaman depan website/blog tersebut.
Sebelum melangkah lebih jauh, simpan / download template kamu dulu. Buat antisipasi apabila nanti terjadi error. Dengan "backup" tadi dapat kamu kembalikan ke awal sebelum terjadi perubahan.
Pilih Design kemudian pillih Edit HTML |
kemudian pilih Download Full Template |
Langkah selanjutnya, cari <data:post.body/> menggunakan fitur search ( CTRL + F ). Setalah menemukan,
Jangan lupa beri tanda centang |
modifikasi menjadi seperti di bawah ini. (Kadang kala memang tidak selalu sama. Tag DIV dgn class="post-body" biasanya terletak tidak jauh dari <data:post.body/>. Jadi tinggal disesuaikan saja.)
<div class='post-body' expr:id='"post-" + data:post.id' >
<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>
<span id='showlink'>
<a expr:href='data:post.url'>Read More......</a>
</span>
<script type='text/javascript'>
checkFull("post-" + "<data:post.id/>");
</script>
</b:if> <div style='clear: both;'/> <!-- clear for photos floats -->
</div>
Kemudian simpan template tersebut. Nah sekarang, setiap kali kamu mau membuat postingan baru, kamu harus memasukkan <span id="fullpost"> setelah bagian pembuka artikel kamu tersebut. Dan di akhir artikel, harus diakhiri dengan </span>.
Atau kamu bisa setting otomatis, setiap posting baru format tersebut akan muncul, seperti di bawah ini.
Menu Setting, pilih Formatting, kemudian isi di Post Template. |
Selamat mencoba dan semoga berhasil.
No comments:
Post a Comment