Metode membuat "read more"

Biasanya postingan terbaru akan ditampilkan dihalaman utama blog. Namun jika postingan terlalu panjang maka hal tersebut akan membuat penuh halaman utama. Jika ingin supaya postingan yang ditampilkan dihalaman utama cuma abstraksinya saja kemudian ada sebuah link Read More / Baca Selengkapnya untuk melihat selengkapnya maka ikutilah langkah-langkah berikut :

1. Buka menu Layout kemudian pilih Edit HTML.

2. Kasih tanda cek (centang) pada cekbox "expand widget template"

3. Cari kode berikut di Template blog kamu (tempatnya kira-kira pada 1/4 bagian bawah kode hmtl) :

kotak "expand widget" dicentang dulu, agar code yang ter-hide keluar.

langkah-langkah Configurasi:


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


1. Copy code diatas dan paste ke posisi diatas </head>
2. Copy code di bawah ini


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


lalu cari code berikut ini :


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


lalu paste code tersebut persis di bawah <p><data:post.body/></p> tadi

lalu di SAVE untuk menyimpan editan kita tadi.

3. lalu yang terakhir masuk ke-menu Setting lalu pilih Formatting
4. Pada kotak Post Template isikan kode berikut:


<span class="fullpost">

</span>


lalu di-SAVE

Untuk melihat hasil ReadMore tadi, kita bisa membuat posting seperti biasa, dan tulisan yang ter-ReadMore tadi bisa kita sisipkan di antara <span class="fullpost"> dan </span>

0 komentar:

Posting Komentar

Thanks For you comments