Membuat Read More di Blogspot

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:

Tips Blogging

• Cara Pasang Statistik Visitor Histats di Blog
• Cara Menampilkan Judul Postingan Pada Hasil Label
• Cara Mudah Mendaftar di KlikSaya.Com
• Cara Memasang Iklan KlikSaya.Com di Blog
• Cara membuat Read more yang lebih keren
• Cara daftar di Cbox
• Cara Membuat Buku Tamu Keren dengan CBox
• Cara Membuat Komentar Facebook dan Blogger Berdampingan Pada Semua Template
• Cara Menulis Kode HTML Java Script di Postingan Blog
• Cara Memasang Tombol Like Facebook Di Blog
• Kasus Blogger di-Redirect ke Ripway.com & Solusi Mengatasinya
• Cara Membuat Spoiler Pada Web-Blog
• Tips Pasang Status Yahoo Messenger di Blog
• Cara menyimpan seluruh isi web/blog sekaligus
• Cara Mengganti Logo di Blogspot
• Cara Mendaftar Kumpulblogger
• Pasang Jam di Sidebar
• Membuat Kategori / Label di Blogger