Minggu, 01 April 2012

Menyingkat Posting dengan "Read More"


Nah sekarang mari kita coba untuk meniru detik.com dengan "Read More". Postingan di detik.com terlihat professional karena suatu postingan tidak terlihat memanjang karena di potong oleh "Read More".

Jadi kalau kita ingin melihat isi dari postingan kita dapat klik judul postingan untuk mendapatkan artikel yang lengkap. Nah sudah mengerti kan apa itu "Read More". Sekarang mari kita coba membuat "Read More" pada blog kita, agar blog kita tidak panjang karena banyaknya artikel yang di tulis.

Berikut langkah - langkahnya :

  • Temukan kode berikut :
<div  class='post-header-line-1'/>

  <div  class='post-body'>


  • Lalu anda ubah menjadi seperti ini :
<div  class='post-header-line-1'/>

  <div class='post-body'>

 

  <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'>Read More......</a>

  </b:if>

 

  <div style='clear: both;'/> <!-- clear for  photos floats -->

  </div>



Kode yang bercetak tebal adalah Kode yang anda tambahkan, untuk bacaan "Read More" bisa anda ganti dengan yang anda suka.

Nah sekarang menerapkannya pada postingan..

Lakukan seperti ini :


  • Pilih bagian mana yang anda ingin potong
  • Lalu setelah pada bagian yang ingin anda potong, tambahkan
 <span class="fullpost">


  • Setelah itu pada bagian akhir tambahkan :
</span>


  • Selesai....silahkan coba...

Tidak ada komentar:

Posting Komentar