Auto Read More Pada blogspot

Posted by : bloooger sulthan Minggu, 20 Mei 2012

Apa sih Read More itu dan untuk apa read more itu dibuat? read more adalah kata yang dipakai untuk mempersingkat tulisan pada Blog atau Website. Atau dengan kata lain, fungsi dari read more sendiri adalah membagi postingan menjadi 2 bagian. Bagian pertama pembukaan dan bagian kedua tampilan postingan secara penuh atau lengkap.

Misalnya pstingan pada blog ini, saya memakai kata read more dibawah tulisan ini untuk membawa pembaca ke isi tulisan secara lengkap. Selain untuk menghemat halaman blog,read more juga bisa membuat pengunjung jadi penasaran isi selengkapnya dari postingan kita.

I. Setting Pada Pengaturan

Login Ke Blogger Menggunakan ID sobat
Klik Pengaturan
Kemudian klik Format
Pada layar kosong paling bawah pada halaman Format, disamping tulisan Template Postingisi dengan kode berikut :

<span class=”fullpost”>

</span>
Kemudian Simpan Pengaturan

II. Meletakkan Kode Read More

Klik Tata Letak.
Kemudian Klik Edit HTML, simpan dulu template sobat dengan mengklik Download Template Lengkap.
Beri tanda centang pada Expand Template Widget.
Cari kode dibawah ini pada template sobat.

<data:post.body/>
atau kode berikut, sama saja

<p><data:post.body/></p>
Hapus Kode diatas dan ganti dengan 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>Read More...</strong></a></p>
</b:if>
Kemudian Klik Simpan Template.

Tata cara penulisan

Perhatikan contoh postingan dibawah ini :

Pertanyaan yang muncul, apakah template pada blogspot bisa kita ganti, dan bagaimana cara menggantinya? ada dua cara untuk mangganti template, yang pertama kita bisa copy paste seluruh kode HTML template secara manual. Yang kedua kita bisamendownload template, dan menguploadnya langsung dari menu ganti template dari blogger.<span class=”fullpost”>

Sebelum belajar menggati template di blog sobat, ada baiknya save atau download terlebih dahulu template lama sobat. Karena jika dalam penggantian template terjadi kegagalan, sobat tinggal restore kembali template lama sobat ke dalam blog……………………………………………dst </span>

Kode yang berwarna merah yang membagi postingan yang ingin tampil di depan dan postingan secara keseluruhan. Postingan bagian pertama di belah oleh kode <span class=”fullpost”> dan keseluruhan postingan ditutup dengan </span>