Cara Membuat Read More pada Blogspot

Do you like this story and want to share with your friends?

Share

Tweet

Read more merupakan link yang mengarah pada halaman selanjutnya pada postingan di halama utama blog Anda. Link ini biasanya digunakan bagi Anda yang ingin agar tampilan di halaman blog utama tidak terlalu panjang dikarenakan panjangnya postingan blog Anda.

PERHATIAN: Sebelumnya, sekedar pemberitahuan bahwa cara ini khusus bagi blog ber platform blogspot / blogger.

Biasanya postingan terbaru akan ditampilkan dihalaman utama blog. Namun jika postingan Anda terlalu panjang maka hal tersebut akan membuat penuh halaman utama. Jika Anda agar postingan yang ditampilkan dihalaman utama hanya abstraksinya (pengantar) saja, Anda harus meletakkan sebuah link Read More (Baca Selengkapnya) untuk melihat secara keseluruhan dari postingan Anda pada halaman berikutnya.

Ok, kami rasa Anda sudah paham apa yang kami maksud dan inilah jawaban dari apa yang Anda inginkan. Silahkan ikuti tutorial singkat berikut ini:

1. Buka menu Layout kemudian pilih Edit HTML


2. Kasih tanda cek (centang) pada cekbox "Expand Widget Template".
   


3. Cari kode berikut di Template blog Anda (tempatnya kira-kira pada 1/4 bagian bawah kode hmtl) Untuk mempermudah, silahkan ketik CTRL + F secara bersamaan pada keyboard Anda. Dan masukkan kode di bawah ini pada kotak Find:
   
   

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



4. Jika sudah ketemu, Ganti kode-kode tersebut sehingga menjadi seperti 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'>Read More...</a>
   </b:if>

   
   Tulisan "Read More....." itu bisa kamu rubah, misalnya jadi "Baca Selengkapnya".


5. Simpan hasil pengeditan


6. Kemudian pilih menu Setting, kemudian pilih menu Formatting


7. Pada kotak Post Template isikan kode berikut:
   
   

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

   
   


8. Kemudian Simpan


9. Ada 2 tab pilihan ketika Anda hendak memposting, yaitu "Compose" dan "Edit Html". Anda harus menggunakan yang "Edit HTML", maka secara otomatis akan tampak kode seperti berikut:
   
   

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



10. Letakkan abstraksi (pengantar) posting atau artikel yang akan ditampilkan dihalama utama (sebelum tulisan "Redmore") diatas kode ini: <span class="fullpost"> sementara sisanya yaitu keseluruhan posting letakkan di antara kode <span class="fullpost"> dan </span>


11. Dan... Selesai

Mudah bukan??? Ok, langsung praktekkan saja :) Selamat mencoba!!!

-Salam Netpreneur-