Cara Membuat Read More (Baca Selengkapnya) Pada Blogspot

Tanda read more atau baca selengkapnya ini merupakan cara agar postingan kita terlihat pendek. Biasanya ini digunakan agar pada saat orang lain membuka Home website kita, tampilannya akan menjadi, karena tidak semua postingan langsung bisa dilihat lewat Home website kita.

Langsung saja, caranya adalah sebagai berikut:
1. Login dulu ke blogger.com - Rancangan - Edit HTML - centang Expand Template Widget.
2. Masukkan kode berikut tepat setelah atau dibawah kode kode ]]></b:skin>

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

3. Selanjutnya mengatur agar postingan terpotong, cari kode <data:post.body/>
*jika kodenya ada 2, pilih yang pertama
tambahkan kode berikut tepat dibawahnya

<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'> Baca Selengkapnya...</a>
</b:if>

Kode diatas digunakan bila kamu menginginkan yang muncul hanya tulisan.
Sedangkan untuk memunculkan gambar read more atau baca selengkapnya gunakan kode ini.

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<a expr:href='data:post.url'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFXsnhokz1ZP-YA_g0DB9CPVw8jkZMX1OuXDBHMwt4j5VvEzg4jhv2i46bjyIBqfV-X5O-P_wFanfFf8oBBD7UYWsK0I84N1JgccwPb6lEwud-Qt7UdrMwrl4GGHJi3T39z8A4SmslDRCJ/s400/ReadMore.png'/></a>
</b:if>

4. Simpan template
5. Selanjutnya masuk ke Setelan - Format - cari kolom Templat Entri, masukkan kode berikut didalamnya.

<span class="fullpost"></span>

6. Simpan

Cara penggunaanya sebagai berikut:
1. Tiap posting Entri Baru, klik edit HTML nanti kamu akan menjumpai kode

<span class="fullpost"></span>

2. Masukkan kata atau kalimat yang kelihatan diatas kode <span class="fullpost">
3. Masukkan kata atau kalimat yang tersembunyi diantara <span class="fullpost"> dan </span>

Contoh:

Ini adalah awal berita yang ingin saya potong karena terlalu panjang kalo postingan muncul semua, oleh karena itu saya perlu memotong berita sampai disini saja.
<span class="fullpost">
Dan ini adalah sisa postingan saya yang akan saya sembunyikan dan hanya muncul pada saat post page atau link read more.. diklik
</span>