Friday, May 20, 2011

Bagaimana cara membuat "Read More"?

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