VIEW SNIPPET

Cara Mudah Membuat Read More...

Setelah berkali-kali saya memposting yang unik-unik sekarang kembali lagi posting ke Blog Tutorial

Temen-temen blogger pastinya dah tau semua dengan yang namanya Read More.
Read More berfungsi untuk memotong sebagian postingan yang ada dihalaman depan blog, agar waktu loading blog kita bisa lebih cepat.

Oke,langsug saja yang mau tau caranya nih....

1. Log In blogger
2. Pilih Rancangan >> edit HTML >> centang pilihan Expand Template Widget
3. Nda ada salahnya kalau temen-temen mendownload template lengkap temen-temen terlebih dulu.
4. Letakkan kode berikut tepat diatas kode </head>

<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>


5. Kalau sudah, letakkan kode berikut ini dibawah kode <data:post.body/>

<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'> Read More..</a>
</b:if>


6. Kalau sudah, disave dulu. Tapi, belum selesai....
7. Masuk Pengaturan >> Format >>
8. Bagian bawah ada kotak kosong disamping TEMPLATE POSTING
9. Masukkan kode berikut di kotak kosong tersebut :

<span class="fullpost">

</span>


10. Kalau sudah jangan lupa disimpan.

Nah, dari segi template udah beres, sekarang tinggal gimana caranya posting biar tuh Read More bisa muncul....

Letakan postingan yang akan terlihat disini....

<span class="fullpost">

Dan sisanya yang terlihat waktu diklik Read More disini

</span>

Oke, dah beres semuanya.... Mudah kan...???=))

Sekian posting kali ini....
Selamat mencoba dan semoga berhasil...!!!!

~Thanks~
Jangan lupa komen ya....

2 Responses so far.

  1. klo wordpress? caranya juga sama??

  2. beda...
    kalau wordpress biasanya udah ada plug in nya sendiri....
    dan kebetulan saya tidak begitu menguasai wordpress,

    coba tanya mbah google...biasanya mbah google tw segalanya. hehehe :)