Tips & Trick Ngeblog

Membuat Read More

Read More adalah sebuah fasilitas yang bertujuan untuk memotong postingan yang kita buat, sehingga postingan kita yang panjang dihalaman depan blog, bisa di pendekkan dengan memberikan perintah read more tersebut. Hasil yang akan kita dapatkan dengan memberikan perintah read more adalah, postingan yang kita buat akan terlihat lebih rapi dan tidak menghabiskan banyak ruang pada halaman utama blog kita.


Dari berbagi sumber yang saya cari, sebagian besar code script yang saya dapatkan hampir semuanya sama. Bagi rekan-rekan blogger yang belum tahu bagaimana caranya menambahkan code read more untuk blog anda, berikut akan kami jelaskan langkah-langkahnya :

1. Login ke blog kamu,
2. Buka menu Layout kemudian pilih Edit HTML
3. Kasih tanda cek (centang) pada cekbox "expand widget template"
4. Cari kode berikut (berwarna merah) di Template blog kamu (kode dimasing2 template berbeda-beda,jadi cari aja yang hampir sama)
   

   <data:post.body/>
   Atau
   <p><data:post.body/></p>
   Atau
   <div class="post-body">

5. Setelah ketemu, ganti kode tersebut dengan memasukkan 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/>
   <a expr:href='data:post.url'><strong>ReadMore...</strong></a></p>
   </b:if>

   Pada bagian Read More...... dapat kamu ganti dengan tulisan yang lain seperti Baca Selengkapnya
6. Simpan atau save hasil Pengeditan.
7. Setelah disimpan, lanjutkan dengan mengklik menu Setting lalu pilih Formatting.
8. Pada kotak Post Template isikan kode berikut:
   

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

9. Letakkan abstraksi posting atau artikel yang akan ditampilkan dihalaman utama (sebelum tulisan "Redmore") sebelum kode ini <span class="fullpost"> dan selebihnya letakan sesudah kode <span class="fullpost"> dan sebelum kode </span>

No Comment | Posted in » Tips dan Trick Ngeblog