Membuat Baca Selengkapnya di Blogger

Mungkin masih ada yang bingung bagaimana membuat ‘Baca Selengkapnya’ atau ‘Read More’ di blogger/blogspot. Kalau di wordpress memang lebih mudah. Tapi di sini saya akan membahas tentang 
membuat ‘Baca Selengkapnya’ di blogger/blogspot. Berikut langkah-langkahnya.



1.  Masuk ke Rancangan atau Layout, kemudian pilih Edit HTML.
2.  Centang checkbox ‘Expand Widget Template’ yang terletak di atas kanan kode html.
3.  Cari kode berikut. Kira-kira ¼ dari bawah kode html, atau bisa menggunakan fasilitas find di browsermu (Ctrl + F)
       <data:post.body/>

4.  Kalau sudah ketemu, ganti kode tersebut dengan kode di bawah 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/></p>

       <a expr:href='data:post.url'>Baca Selengkapnya....</a>
       </b:if>
       Kata ‘Baca Selengkapnya....’ bisa diganti sesuai keinginan kalian.
5.  Simpan hasil pengeditan
6.  Masuk ke Setelan atau setting, kemudian pilih format
7.  Pada kotak ‘Post Template’ masukkan kode berikut
       <span class="fullpost">


       </span>
8.  Kemudian simpan
9.  Saat membuat postingan baru, pilih tab ‘Edit Html’. Secara otomatis di sana akan terdapat kode seperti pada point 7 di atas
10.  Ketik postingan yang akan ditampilkan di halaman utama (sebelum ‘Baca Selengkapnya’) di atas kode <span class=”fullpost”>. Sementara sisanya ketik di antara kode <span class=”fullpost”> dan </span>.
11. Selamat mencoba...

Download versi e-Book di sini.

Posted in: Blog, Tips dan Trik, Website