Mengapa Anak Asal si cowok paling cakep di dunia ini menulis tentang membuat readmore pada blogspot? Bukannya sudah banyak tutorial tentang membuat readmore pada blogspot?
Yupz, memang sudah banyak tutorial mengenai membuat readmore pada blogspot, namun itu hanya sekedar tulisan "Readmore" atau "Selengkapnya".
Coba lihat artikel-artikel saya, bagaimana readmore pada blogspot saya?
Jika anda perhatikan, readmore pada blog saya berformat ~Baca selengkapnya tentang : "judul artikel"~
Bagaimana cara membuatnya? mari simak lebih lanjut
Seperti yang anda ketahui, membuat readmore ini mengutak-atik HTML template anda sehingga saya sarankan anda download atau copas (Copy Paste) kode HTML template blog anda ke notepad.
Setelah itu, buka Rancangan (jika bahasa indonesia) lalu pilih Edit HTML dan beri tanda centang pada Expand Template Widget.
Gunakan fungsi find (ctrl+f) dan cari kode berikut :
<p><data:post.body/></p>Setelah anda menemukannya, silahkan hapus kemudian ganti dengan kode berikut ini :
<b:if cond='data:blog.pageType == "item"'>Kemudian setelah itu pilih Simpan Template, lalu pergi ke menu Pengaturan>Format. Lalu pada text area di samping Template posting masukkan kode berikut :
<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>Baca selengkapnya tentang : “<data:post.title/>”</strong></a></p>
</b:if>
Sehingga setiap anda akan memposting artikel baru, saat anda memilih Edit HTML anda akan menemukan kode :
<span class="fullpost">
</span>
<span class="fullpost">
</span>
Apa maksud dari kode tersebut?
Bagian artikel di atas <span class="fullpost"> adalah bagian artikel yang ditampilkan sebelum readmore di klik. Sedangkan bagian artikel di antara <span class="fullpost"> dan </span> adalah bagian artikel yang tampil setelah readmore di klik.
Masih bingung? Dicoba dahulu saja biar paham.
Selamat mencoba
Categories:
Blogspot