Membuat Read More

Pernah ngeliat postingan blogger yang pada artikelnya terdapat fasilitas Read More.. atau Selengkapnya.. Nah pada postingan kali ini de2azhar akan memberikan sedikit pencerahan tentang cara menambahkan fasilitas Read More atau Selengkapnya. Ga usah banyak cingcong !!! kita langsung saja tapi sebelumnya ada yang perlu diperhatikan dalam mengedit html blogspot usahakan jangan memakai browser Internet Explorer, pakailah browser lain semisal FireFox ataupun Opera. Nah kalau sudah memakai salah satu dari browser tadi. Coba ikuti langkah berikut ini :
Langkah 1

• Sign in di blogger dengan id anda.
  
• Klik Pengaturan
  
• Klik Format
  
• Pada layar paling bawah, ada text area kosong disamping tulisan Template Posting, isi tesxt area kosong tersebut dengan kode di bawah ini :
  <span class="fullpost"> </span>

• Klik tombol Simpan Pengaturan
  

Perhatian :
Pemasangan kode ini di maksudkan agar pada saat posting artikel, kode tersebut langsung muncul tanpa harus menuliskan terlebih dahulu, jadi membantu kita agar tidak harus selalu mengingat kode tersebut.

Langkah 2

• Klik menu Dasboard
  
• Klik Tata Letak
  
• Klik tab Edit HTML
  
• Klik tulisan Download Template Lengkap.
  
• Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula.
  
• Beri tanda centang pada kotak di samping tulisan Expand Template Widget , lihat gambar di bawah :
  
  
  

• Tunggu beberapa saat ketika proses sedang berlangsung
  
• Silahkan anda cari kode berikut pada kode template milik anda :
  <data:post.body/>
  
• atau kode di bawah ini (sama saja) ;
  <p><data:post.body/></p>
  
• Hapus kode diatas, lalu ganti dengan kode di bawah ini (klik pada tombol untuk menandai):
  
  
  <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>
  
• Klik tombol Simpan Template
  
• Selesai.
  

Cara Posting Artikel

• Klik menu Posting
  
• Klik menu Edit HTML, maka secara otomatis tampak kode yang telah kita setting tadi, yakni :
  
  <span class="fullpost"> </span>
  
• Tempatkan code di bawah ini setelah artikel yang ingin diperlihatkan/dipenggal :
  <span class="fullpost">
  
• Tempatkan code dibawah ini pada akhir artikel :
  </span>
  
• Klik tombol bertuliskan MEMPUBLIKASIKAN POSTING
  

Klik tulisan Lihat Blog (di jendela baru) untuk melihat hasil dari postingan kita, kemudian lihat apakah hasilnya sukses atau tidak. Jika tidak, mungkin ada bagian yang terlewatkan. Coba lihat kembali langkah diatas.

Mudah-mudahan dengan adanya postingan ini dapat membantu kawan-kawan semua!Bagi anda yang mengikuti tutorial ini dan mengalami kegagalan, jangan panik ketika blog anda menjadi amburadul, upload kembali backup template yang telah di backup pada langkah 2 di atas.

Selamat mencoba ! Semoga Sukses

Source: http://kolom-tutorial.blogspot.com