Membuat Read More Pada Blog

Sering kita lihat pada sebuah website atau blog tulisan sebuah posting tidak muncul semua tapi kita melihat Read More... , atau Selengkapnya...

Sekarang mari kita coba untuk membuatnya.

Untu itu hal pertama yang haru kita lakukan adalah login dulu ke blogger menggunakan akun masing-masing.

Kemudian untuk membuatnya klik pada pengaturan Tata Letak atau Layout jika menggunakan bahasa inggris.

Kemudian klik tab Edit HTML. Setelah selesai load nya, centang Expand Template Widget agar kode html widget-widget menjadi lebih rinci.



Kemudian biar proses cepat, pada kolom berisi kode xml tambahkan kode berikut di Atas tag </head>  :

<style>

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

  span.fullpost {display:inline;}

<b:else/&lg;

 span.fullpost {display:none;}

</b:if>

</style>


Lalu setelah itu cari kode berikut :
<p><data:post.body / ></p>
Kemudian Ketikan kode berikut di Bawahnya.

Note : jika anda belum men-centang Expand Template Widget, anda tidak akan menemukannya.


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

<a expr:href='data:post.url'> Read More... </a>
</b:if>

Nah untuk agak lebih berseni anda juga dapat merubah tulisan Read More... Menjadi yang anda inginkan seperti Selengkapnya.... , Baca Penuh atau kata yang lainnya.
Ok setelah selesai Klik Simpan Template atau Save Template jika Blog anda menggunakan bahasa Inggris.

Untuk membuat tulisan anda terpotong dan Read More... nya muncul,
anda harus menempatkan tulisan yang ingin di sembunyikan di antara <span class="fullpost"> dan </span>

Seperti contoh berikut :

Hallo mari kita belajar memotong <span class="fullpost">tulisan posting di blog</span>
maka, yang akan muncul di posting untuk halaman depan
Hallo mari kita belajar  Read More...

saya sarankan untuk menambahkan span dan /span gunakan edit HTML pada saat pengeposan.
Selamat Mencoba semoga berhasil kalo tidak ya cari aja yang lain ok. ^_^
tapi sedikit tambahan jika tidak muncul coba edit entry anda kemudian klik edit html dan pindahkan secara manual </span> ke akhir baris.

Powered by Danz