Cara Membuat Read More (Template Baru)

read more 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

  1. Login Ke Blogger Menggunakan ID sobat

  2. Klik Pengaturan

  3. Kemudian klik Format

  4. Pada layar kosong paling bawah pada halaman Format, disamping tulisan Template Posting isi dengan kode berikut :

    <span class=”fullpost”>


    </span>


  5. Kemudian Simpan Pengaturan


II. Meletakkan Kode Read More

  1. Klik Tata Letak.

  2. Kemudian Klik Edit HTML, simpan dulu template sobat dengan mengklik Download Template Lengkap.

  3. Beri tanda centang pada Expand Template Widget.

  4. Cari kode dibawah ini pada template sobat.

    <data:post.body/>

  5. atau kode berikut, sama saja

    <p><data:post.body/></p>

  6. 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>


  7. 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 bisa mendownload 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>

 

Sangat mudah bukan ! semoga tutorial read more ini bermanfaat.

Posting Komentar