Pin It
Rupanya..masih banyak yang kebingungan tentang cara membuat readmore di blogger. Artikel tentang cara buat read more memang agak sedikit membingungkan. Karena penyampaian isinya bisa dibilang terlalu rumit untuk di pahami para blogger yang baru.

Sebenernya cara mudah buat read more di blogspot ini tidak jauh beda dengan cara buat readmore di artikel orang lain. Cuma..pada edisi kali ini, saya akan coba membahasnya dengan simple. Mudah - mudahan aja para blogger baru bisa lebih mengerti.

Ok..langsung aja ke materi. Cara mudah buat readmore ini ada dua tahap.!!

Tahap 1 - Edit HTML
Langkah pertama silahkan login di blogger dan pilih blog yang akan di pasang read more ini. Kedua, masuk ke menu edit html, lalu checklist kolom expand template widget kemudian cari kode html seperti ini :
<div class='post-header-line-1'/>
<div class='post-body entry-content'>

Ketiga, Kemudian simpan kode berikut di bawah kode yang anda cari barusan:
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>

Selanjutnya, dibawah kode yang baru anda simpan barusan, terdapat kode seperti ini :
<data:post.body/>
<div style="'clear:"><!– clear for photos floats –>
</div>

lalu diantara kode:
<data:post.body/>


dan
<div style="'clear:"><!– clear for photos floats –>
</div>

Simpan kode yang ini :
<a expr:href='data:post.url'>Read More .. </a>
</b:if>

Silahkan ganti text Read more nya terserah anda.. Jika sudah save template..

Langkah ke empat,
• Klik menu Pengaturan.
• Klik menu Format.
• Salin kode berikut ini, kemudian letakkan pada kolom kosong yang disediakan.
<span id="fullpost">


</span>


• Klik tombol Simpan Setting, dan selesai.

Tahap 2 - Cara Posting
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 Read More dengan menghapus kode tadi:
<span id="fullpost">


</span>


Selamat mencoba, semoga berhasil..!!! ^_^




Artikel Terkait:



2 comments:

Thanks ya udh ngebaca artikel saya,, Kalau mau ngasih koment yang membangun..
Thanks...

Klik 2 kali untuk keluar