Selasa, 07 Juli 2009
Browse Manual »
Wiring »
Link
»
Tips dan Triks
»
Membuat Read More yang Diikuti Judul Halaman
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:
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:
Membuat Read More yang Diikuti Judul Halaman
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> <p><data:post.body/></p> <b:else/> <style>.fullpost{display:none;}</style> <p><data:post.body/> <a expr:href='data:post.url'><strong>Readmore...</strong></a></p> </b:if>5. Gantikan kode yang berwarna merah dengan kode:
<p><data:post.body/></p>Keterangan:
<strong><a expr:href='data:post.url'>Lanjut membaca "<data:post.title/>" »» </a></strong>
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:
<span id='showlink'>7. Hapus semua kode diatas dan gantikan dengan kode ini:
<p><a expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Readmore...</a></p>
</span>
<span id='hidelink' style='display:none'>
<p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Hide Readmore...</a></p>
</span>
<span id='showlink'>8. Simpan template anda. Selamat mencobanya!!!
<p><a expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Readmore “<data:post.title/></a></p>
</span>
<span id='hidelink' style='display:none'>
<p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Hide Readmore “<data:post.title/></a></p>
</span>