Membuat "READ MORE" pada Postingan Blog

Mungkin ini adalah postingan udahh basi tapi masih banyak diminati para BLOG BLOGGER untuk menghemat pemakaian halaman pada postingan suatu artikel atau tulisan tulisan yang panjang.

Berikut ini saya akan mencoba memberikan sedikit ulasannya secara singkat dan semoga bermanfaat.

#. PERTAMA

• Sign In pada BLOG
• masuk pada Pengaturan / Setting
• Kik pada Format/ Formatting
• pada kolom Post Template (letaknya ada dibawah) masukkan kode berikut:
  

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

• Simpan Pengaturan/ Save settings

**Kode diatas dimasukkan dengan tujuan mengingatkan kita nantinya saat melakukan postingan. karena kode tesebut dipergunakan untuk memenggal kata yang hendak kita "READ MORE"

#. KEDUA

• Klik menu Dashboard
• Klik Tata Letak/ Layout
  
• Klik tab Edit HTML

Nah,,pada tahap ini anda jangan buru buru melangkah pada tahap berikutnya,karena langkah me-Backup Data sangatlah penting. Diharapkan nantinya kalau ada kesalahan saat mengedit HTML template, data data postingan dan template lama kita tidak hilang. Dengan cara Klik Download Full Template, dan bisa anda simpan dalam bentuk *xml. atau Notepad.

• Beri tanda centang pada kotak di samping tulisan Expand Widget Templates, dan tunggu beberapa saat (liat gambar dibawah ini)

• Cari kode berikut, (anda bisa melakukan dengan cara yang singkat,yaitu dengan menekan tombol "Ctrl+F" dan masukkan kode yang ada dibawah ini. Dan jika belum ketemu lakukan dengan cara manual atau anda masukkan pada Notepad (Menu -->Edit-->Find).
  

<data:post.body/> Atau KODE seperti ini sama saja <p><data:post.body/></p>

• Kalau sudah ketemu kode diatas, hapus kode tersebut dan ganti 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/> <a href="'data:post.url'"><strong>READ MORE...</strong></a></p> </b:if>

**kata "READ MORE..." dalam kolom tersebut,bisa anda ganti sesuai selera anda, bisa diganti "baca selengkapnya.."."selanjutnya..."."lanjut..."

• Simpan/ Save Template.
  

#. KETIGA
Cara melakukan posting artikel

• Klik menu Posting (New Post)
  
• Pada menu Edit Html secara otomatis akan muncul Kode HTML yang kita setting tadi di awal,seperti ini:
  

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

• Cara menulis, saya contohkan seperti ini:
  

  Disini adalah tulisan yang akan tampak di Blog,sesuai dengan keinginan anda<span class="fullpost">Dan disini adalah tulisan yang di "READ MORE"</span>

  
  
• Publish Post/ Publikasikan postting
• View Blog