Trik Buat Menu "Read More"

Ini nih trik yang banyak dicari oleh para blogger. Apalagi yang masih newbie, pasti topik ini yang paling pertama dicari (menurut gue sih ). Terus, apa sih read more itu?? Read MOre itu adalaha blablablablabla... Tanya paman google aja yah
?? Fungsi Read More ini adalah jika kita membuat tulisan panjang, sebagiannya bisa di split ke halaman lain. Jadi tak membuat halaman kita kepanjangan kebawah. Trus, gimana cara bikinnya??

Caranya mudah, jika ingin memasangnya, ikuti langkah berikut.

1. Masuk ke Blogger dengan ID kamu.
2. Pergi ke Tata Letak -> Edit HTML -> Expand Template Widget.
3. Cari kode ini di template kamu.

<div class='post-body entry-content'>

4. Dibawahnya kan ada kode gini tuh.

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

5. Nah, ganti kode itu dengan kode berikut.

<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>

Simpan template kamu.

7. Pergi ke menu Setting -> Formats.

8. Masukkan kode ini di kotak Post Template.


<span class="fullpost">


</span>

9. Lalu simpan.

Nantinya ketikkan artikel yang ingin ditampilkan di halaman utama tepat diatas kode
<span class="fullpost"> dan ketikkan lanjutannya diantara kode diatas. Gampang kan??

Related Posts by Categories