Read More plus Judul

Read More berfungsi untuk memotong postingan agar tidak terlihat semuanya di halaman depan. hanya beberapa baris saja yang ditampilkan selebihnya disembunyikan untuk menghemat ruang. Dan untuk menampilkan semuanya tinggal diklik saja READ MORE.

Banyak cara untuk menampilkan Read More ini, dan kebanyakan hanya kata Read More saja yang tampil bada bagian yang terpotong. Yang akan saya coba pasang kali ini adalah Read More yang disertai dengan Judul Postingan. Contoh Judul Posting "PEMILU" maka readmorenya menjadi "READ MORE - PEMILU"

Baiklah berikut langkah pemasangannya:

Tahap Pertama;
Log in dulu ke Blogger / Blogspot, di halaman Dasbor pilih Layout /Tata Letak dan klik Edit HTML.

Ceklis Expand Template Widget, kemudian cari kode </head> salin (copy paste) script di bawah sebelum kode </head> :

<style>
<b:if cond='data:blog.pageType == "item"'>
span.potong {display:inline;}
<b:else/>span.potong {display:none;}
</b:if>
</style>

kemudian cari kode <p><data:post.body/></p> atau <data:post.body/> lalu ganti dengan kode tersebut dengan kode di bawah:

<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<span class='rmlink' style='float:left'>
<a expr:href='data:post.url'>READ MORE -
<data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

Tulisan READ MORE warna merah bisa diganti sesuai selera.

Kemudian jangan lupa Simpan

Tahap kedua;
pada halaman dasbor pilih Setting/Pengaturan lalu klik Format, lihat di bagian paling bawah ada menu Post Template, isi kotaknya dengan kode berikut:

<span class='potong'>

</span>

lalu simpan.

Tahap Ketiga;
Pada saat memposting tulisan pilih Edit HTML, lalu simpan tulisan yang akan ditampilkan sebelum kode <span class='potong'> dan tulisan yang akan disembunyikan disimpan setelahnya, sebelum kode </span>

Selesai deh, tinggal cek hasilnya.

Selamat ber-READ MORE ria.

jangan lupa komentarnya ya...