Bagi anda yang penasaran dan ingin tau bagaimana membuat readmore yang diikuti judul posting maka anda perlu mengikuti trik berikut ini.
Cara Membuat Readmore Di Ikuti Dengan Judul Posting
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.
<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>
Tidak ada komentar:
Posting Komentar