3.06.2008

Tips Membuat "Read More"

Membuat Link Read More

Tips ini biasanya di gunakan pada saat kita akan memposting dengan naskah yang cukup panjang, sehingga apa bila kita tampilkan postingan itu secara keseluruhan maka akan tampak kurang bagus, dan akan memenuhi seluruh area blog.

Untuk itu disini akan saya tuangkan bagaimana cara membuat kata-kata yang di jadikan link seperti "read more", "Baca Selengkapnya", "Berikutnya", atau yang lainya.

Seperti yang yang saya buat di bawah ini dan silahkan anda coba:

  1. Masuk ke blog anda
  2. Buka Template dan Pilih Edit HTML
  3. Beri tanda cheklist pada Expand widget template
  4. Cari kode seperti di Bawah ini :

<div class='post-header-line-1'/>

<div class='post-body'>

Kalau sudah ketemu letakan kode di bawah ini di atas kode tersebut.

<b:if cond='data:blog.pageType=="item"'>

<style>.fullpost{display:inline;}</style>

<p><data:post.body<</data:post.body></p>

<b:else>

<style>.fullpost{display:none;}</style>

  • Dibawah kode di atas nanti anda akan menemukan kode berikut :

<p><data:post.body/></p>

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

</div>

  • Ok udah jumpa kan, setelah itu pasang kode di bawah ini tepat di bawah kode : <p><data:post.body/></p> kode yang di copy yang berwarna biru yo...

<a expr:href=’data:post.url’>Read More .. </a>

</b:if>

  • Kalau sudah selesai jangan lupa di simpen yo.....

Untuk Bacaan Read more pada kode di atas dapat anda ganti dengan bacaan yang anda ingin kan

Selamat Mencoba