Sabtu, 22 November 2014

Cara membuat Read More otomatis

Bagi peblogger desain template adalah sesuatu yang sangat penting. apalagi ketika telah mendapatkan banyak pengunjung. tentunya kita akan lebih mngedepankan tampilan layout kita agar para pengunjung dapat dengan senang hati mengunjungi blog kita lagi.

Salah satu cara agar blog kita terlihat rapi adalah dengan menata postingan yaitu dengan menapilkan beberapa cuplikan dari postingan kita.
berikut merupakan salah satu cara mudah agar dapat membuat readmore otomatis.
tentunya dengan cara memanfaatkan insert jumpbreak dari blog kita.
ikuti tahap-tahap berikut :
  1. masuk ke akun blog anda
  2. pilih template , kemudian klik edit HTML
  3. lalu cari kode ]]></b:skin>, untuk mempermudah pencarian gunakan Ctrl+F
  4. kemudian kopikan kode berikut di atas kode ]]></b:skin>:                                                          .post-thumbnail{float:left;margin-right:20px}
  5.  setelah itu cari kode <data:post.body/> setelah ketemu kopi kode di bawah ini
 <b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div>
<b:if cond='data:post.thumbnailUrl'>
<img class='post-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' width='72px' height='72px'/>
</b:if>
<data:post.snippet/>
</div>
<div class='jump-link'>
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
<b:else/>
<data:post.body/>
</b:if>
<b:else/>
<data:post.body/>
</b:if>

setelah itu ganti kode <data:post.body/> dengan kode yang barusan dikopi
klik save/simpan dan lihat hasilnya.

Silahkan mencoba semoga bermanfaat. keep blogging

Tidak ada komentar:

Posting Komentar