Tips membuat read more ini Saya ambil dari blognya Kang Rohman. OK, langsung saja kita ikuti langkah demi langkah pembuatan post summary.
- Silakan login ke halaman dashboard Anda di Blogspot.
- Klik menu layout/tata letak.
- Pilih Edit HTML.
- Sebelumnya backup terlebih dahulu template yang Anda gunakan dengan memilih Download Template Lengkap. Tunggu sampai penyimpanan template Anda selesai.
- Beri tanda centang pada tulisan Expand Template Widget, tujuannya agar keseluruhan template Anda ditampilkan.
- Salin kode di bawah, kemudian letakkan di atas kode </head>.
- Selanjutnya, tambahkan kode berikut ini pada kode template Anda, yang berwarna hitam adalah kode asli dari kode template dan berwarna merah adalah kdoe yang harus ditambahkan.
<h3 class='post-title'>
<b:if
cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<div class='post-header-line-1' />
<div class='post-body'
expr:id='"post-" + data:post.id'>
<b:if
cond='data:blog.pageType == "item"'>
<p><data:post.body/></p>
<b:else/>
<style>#fullpost {display:none;} </style>
<p><data:post.body/></p>
<span id='showlink'>
<p><a expr:onclick='"javascript.showFull ("post-" + data:post.id + "");"'href="javascript:void(0);'>[+/-} Selengkapnya...</a></p>
</span>
<span id='hidelink' style='display:none'>
<p><a expr:onclick='"javascript:hideFull ("post-" + data:post.id + "");"'href='javascript:void(0);'>[+/-] Ringkasan saja...</a></p>
</span>
<script type='text/javascript'>checkFull ("post-" + "<data:post.id/>")</script>
</b:if>
<div style='clear:both;'/> <!--clear for photos floats-->
</div>
</div>
.... rest of template code ....
Langkah selanjutnya adalah:
- Klik menu Pengaturan.
- Klik menu Format.
- Salin kode berikut ini, kemudian letakkan pada kolom kosong yang disediakan.
- Klik tombol Simpan Setting, dan selesai.
| <span id="fullpost"> </span> |
Selanjutnya, cara posting artikel:
Ketika kita sedang menulis artikel, buka menu Edit HTML, jangan pilih yang menu Compose, tujuannya agar kode tadi bisa terlihat, yaitu kode:
| <span id="fullpost"> </span> |
Untuk artikel yang akan ditampilkan di atas tulisan Read More, maka letakkan tulisan di atas kode <span id="fullpost">, dan artikel sisanya agar tidak terlihat letakkan di bawah kode tadi dan sebelum kode </span>.
Jika Anda memiliki artikel yang pendek, sebaiknya dihilangkan saja tulisan Baca selangkapnya dengan menghapus kode tadi:
| <span id="fullpost"> </span> |
Selamat mencoba, semoga berhasil!
Subscribe to:
Post Comments (Atom)
0 comments:
Post a Comment