Cara mudah membuat read more di blogspot tanpa script

Langsung saja,

Cara membuat fitur read more tanpa ribet:

1. Login ke dashboard blogspot Anda.
2. Kalau blog ada ada beberapa, silahkan pilih blog yang akan dibuatkan fitur "read more"

 3. Klik "Template"
4. Klik "Edit HTML" lalu klik di area di dalam kotak warna merah seperti di gambar dibawah ini

5. Klik tombol Ctrl + F, seharusnya tampil akan ada kotak pencarian seperti gambar berikut:
6. Copy dan Paste kode ini ]]></b:skin> ke kotak pencarian tadi dan enter, supaya lebih cepat menemukannya.

7. Hasilnya seperti gambar berikut:
8. Silahkan copy kode di bawah ini dan paste kan DI BAWAH KODE: ]]></b:skin>

          .post-thumbnail{float:left;margin-right:20px}


9. Cari lagi kode: <data:post.body/> (caranya lihat langkah no.6)

10. Ganti kode <data:post.body/> dengan kode dibawah ini (copy paste saja):

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div>
<b:if cond='data:post.thumbnailUrl'>
<img class='post-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' width='72px' height='72px'/>
</b:if>
<data:post.snippet/>
</div>
<div class='jump-link'>
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
<b:else/>
<data:post.body/>
</b:if>
<b:else/>
<data:post.body/>
</b:if>

11. Setelah selesai mengganti kode tadi, jangan lupa untuk menyimpannya dengan meng-klik tombol simpan.
12. Selesai. Semoga berhasil dan bermanfaat.

No comments:

Post a Comment