Membuat Read more / Baca Selengkapnya di Blogspot

Selamat malam teman- teman semuanya..ketika kita posting sebuah artikel atau beberapa artikel maka pasti akan nampak pada halaman home page kita jika kita telah mempublikasikannya. tapi bagaimana kalau artikelnya puanjang.... kalau dua, tambah panjang... sehingga pembaca blog kita mungkin akan merasa enggan untuk membaca atau melihat- lihat yang lainnya. [wajar bro....gak sabaran]. Solusinya adalah kita membuat fungsi read more .../ baca selengkapnya.

Tidak usah panjang lebar saya jelaskan, tentunya teman- teman semua sudah pada tau apa itu read more dan fungsi daripada read more ini.Banyak cara untuk membuat read more ini. nanti kita akan bahas satu persatu di postingan yang berbeda. Kali ini kita bahas salah satunya dan berikut bagaimana kita bisa membuatnya.

• Pertama, Log in ke akun blogger teman- teman
• Pada Dashboard Pilih Tata Letak - Edit HTML
• Jangan lupa Back Up dulu template teman- teman dengan mengeklik Download Template Lengkap
• Centang kotak Expand Template Widget
• Cari kode</head>
• Letakkan kode di bawah ini tepat di atas kode </head> tadi
  
  

  <style>
  <b:if cond='data:blog.pageType == "item"'>
  span.fullpost {display:inline;}
  <b:else/>
  span.fullpost {display:none;}
  </b:if>
  </style>
  

  
  
• Lalu cari kode di bawah ini
  
  

  <p><data:post.body/></p>
  

  
  
• Letakkan kode- kode ini di bawah kode tadi
  
  

  <b:if cond='data:blog.pageType != "item"'>
  <a expr:href='data:post.url'> Read More..</a>
  </b:if>
  

  
  
• Klik Simpan Template
• Langkah selanjutnya Masuk pada Pengaturan - Format
• Lalu isi kotak kosong Template Entri (letaknya di bawah ...dicari-cari ketemu kan?) dengan kode di bawah ini [setiap kita membuat entri baru kode yang kita isikan tadi akan muncul]
  
  

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

  
  
• Selanjutnya klik Simpan Setelan
• Selesai

Trus pertanyaannya bagaimana setelah langkah ini selesai, bagaimana cara memunculkan read more yang kita inginkan? format penulisan dalam posting begini:

Untuk artikel yang ditampilkan di halaman mula letakkan di atas kode

<span class="fullpost">

</span>

Sedangkan untuk sisanya [sisa keseluruhan artike . entri yang telah ditulis] letakkan di antara kode

<span class="fullpost">

dan

</span>