Rabu, 15 Juni 2011

Membuat Read More Manual di blog

Mungkin banyak diantara kita yang belum tahu bagaimana memunculkan kata-kata "read more" atau "selengkapnya". Bagaimana caranya??
langsung saja....
Langkah 1
  • Sign in di blogger dengan id anda
  • Klik Pengaturan
  • Klik Format
  • Cari kolom di samping Template Posting lalu isikan kode berikut
<span class="fullpost">


  </span>


  • Simpan Pengaturan
Langkah 2
  • Klik menu Dasbor
  • Klik Tata Letak
  • Klik Edit HTML
  • Download Template Lengkap, lalu simpan untuk jaga-jaga
  • Centang Expand Template Widget
  • Cari kode di bawah ini menggunakan Ctrl+F
 <data:post.body/>
  • Hapus kode di atas dan ganti dengan kode 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>Selengkapnya...</strong></a></p>
</b:if>



  • Simpan Template
  • Selesai
Cara Posting
  • Setelah Login di blogger klik Entri Baru
  • Klik menu Edit Html
  • Letakan Tulisan yang tampak sebelum read more di atas kode 
 <span class="fullpost">
  • Tulis keseluruhan sisa artikel sesudah kode di atas tadi dan sebelum kode
</span>
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  • Klik PUBLIKASIKAN POSTING
  • Lihat Blog
Dengan adanya read more .....
akan lebih enak dipandang dan mempercepat proses halaman.
Semoga Bermanfaat

0 komentar:

Posting Komentar