Cara Membuat Readmore

Readmore atau selengkapnya ataupun baca selengkapnya merupakan kata yang dipakai oleh sebagian besar Blogger bahkan semua Blogger. Hal ini digunakan terhadap postingan yang terlalu panjang dan akan menghabiskan tempat pada Blog. Dengan metode ini maka tulisan yang panjang akan bisa disingkat pada tampilan Blog, untuk melihat seluruh tampilan artikel tersebut pambaca harus mengeksekusi tulisan readmore, selengkapnya, atau baca selengkapnya, tergantung kata yang dipakai oleh si tuan empunya Blog. Selain irit tempat pada Blog metode ini juga akan membuat Blog terlihat rapi dan manis serta teratur dan enak dibaca atau dilihat tentunya. Jika sudah begitu maka tidak bisa dicegah lagi jika traffic Blog anda akan meningkat.

Namun kata readmore atau selengkapnya tersebut tidak bisa dibuat hanya dengan menulisnya di bawah postingan. Diperlukan sebuah bahasa program yang akan membuatnya seperti yang sedang anda baca ini. Untuk scriptnya akan saya berikan contohnya silahkan anda ikuti dan praktekkan pada Blog anda. Berikut langkah-langkahnya :

Langkah 1

• Loginlah pada Blog anda dan klik menu Dashboard anda.
• Klik Tata Letak atau Layout jika Blog anda menggunakan bahasa Inggris.
• Klik Edit HTML.
• Klik tulisan Download Template Lengkap atau Download Full Template jika Blog anda menggunakan bahasa Inggris, lalu save template anda tersebut. Ini dimaksudkan untuk mengurangi resiko jika anda gagal melakukan edit HTML dan Blog anda amburadul anda masih mempunyai back up template anda dan bisa mengembalikannya seperti semula.
• Beri tanda centang pada kotak di samping tulisan Expand Template Widget, saya ingatkan lagi anda jangan lupa untuk mencentangnya.
• Tunggu beberapa saat karena proses sedang berlangsung.
• Jika sudah sekarang anda cari kode di bawah ini pada Blog anda. Jika anda merasa pusing harus mencari kode tersebut diantara banyaknya kode silahkan anda munculkan jendela "Find" di bagian bawah dengan cara tekan " CTRL + F " pada keyboard anda. Lalu copy kode dibawah ini pada kotak Find dan secara otomatis kode tersebut akan muncul tanpa anda harus berburu di antara sekian banyak kode script.
  
  <data:post.body/>
  
  atau kode di bawah ini ;
  
  <p><data:post.body/></p>
  
  

• Jika sudah ketemu kode diatas silahkan hapus kode tersebut dan gantikan dengan kode di bawah ini
  

<b:if cond="'data:blog.pageType"> <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>Selengkapnya...</strong></a></p> </b:if>

• Klik tombol Simpan Template

• Jika sudah silahkan klik tombol Save Setting dan selesai untuk langkah 1

Langkah 2

• Klik menu Pengaturan atau Setting
• Klik menu Format
• Pada layar paling bawah, ada text area kosong disamping tulisan Template Posting, isi text area kosong tersebut dengan kode di bawah ini :

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

• Klik Simpan Pengaturan atau Save Setting.
• 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.

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>

• Tuliskan artikel yang ingin tampak pada blog sebelum kode :

<span class="fullpost">

• Tulis keseluruhan sisa artikel sesudah kode di atas tadi dan sebelum kode :
  

</span>

• Klik tombol Publish Post atau Publikasikan 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 tidak ada lagi yang mengalami kegagalan dalam membuat menu Read more...
Bagi anda yang mengikuti tutorial ini dan mengalami kegagalan, jangan panik apalagi putus asa ketika blog anda menjadi amburadul tak karuan, upload kembali backup templatenya yang tadi anda save di komputer dan nanti akan kembali ke keadaan semula sebelum anda edit.

Lihat Trik Lainnya di Daftar Isi Blog Ini

ARTKEL TERKAIT