Membuat Read More yang Diikuti Judul Halaman

Posted by : Arief Hilman Nugraha Wednesday, January 16, 2013

Readmore adalah sebuah link yang akan menunjukan artikel yang lengkap. Biasanya blogger memasang readmore pada home pagenya sehingga para pengunjung yang datang dapat melihat artikel2 lainnya. Read more yang anda buat dapat anda variasikan dengan menambah judul posting di ujungnya .....ya itu sih terserah anda jika mau memasangnya....

Bagi anda yang penasaran dan ingin tau bagaimana membuat readmore yang diikuti judul posting maka anda perlu mengikuti trik berikut ini.

1. Login ke blogger.
2. Pilih Rancangan dan klik Edit HTML
3. Klik centang pada Expand Template Widget (jangan lupa backup template anda)
4. Cari kode dibawah ini:

<b:if cond='data:blog.pageType == "item"'> <style>.fullpost{display:inline;}</style> <data:post.body/> <b:else/> <style>.fullpost{display:none;}</style> <data:post.body/> <a expr:href='data:post.url'>Readmore...</a> </b:if>

5. Gantikan kode yang berwarna merah dengan kode:

<data:post.body/>
<a expr:href='data:post.url'>Lanjut membaca "<data:post.title/>" »» </a>

Keterangan:
Kode diatas ditambahkan apabila anda membuat readmore dengan loading halaman blog.

6. Tapi jika anda menggunakan readmore tanpa loading halaman blog maka cari kode dibawah ini:

<a expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Readmore...</a>


<a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Hide Readmore...</a>

7. Hapus semua kode diatas dan gantikan dengan kode ini:

<a expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Readmore “<data:post.title/></a>


<a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Hide Readmore “<data:post.title/></a>

8. Simpan template anda. Selamat mencobanya!!!